Как сделать выпадающее меню переключающееся по клику?

@trofey2 · Регистрация: 28.12.2015

мне сказали тут что делать такое меню через Input неправильно, лучше с js
подскажите тогда как его сделать с js? еще хотелось бы чтобы оно закрывалось по клику кроме того

@sad67man · 23.12.2025, 16:47

Сообщение от trofey2

при этом чтобы при наведении подсвечивалась только область где текст

Так вам нужно сделать, чтоб пункт меню всю ширину занимал. И подсвечивалось тоже на всю ширину. Зачем вам делать, чтоб подсвечивался только текст? Это же не красиво

Добавлено через 1 минуту

Сообщение от trofey2

а как тогда без флекса это лучше расположить? всмысле как ему тогда дать всю ширину?

Можно и с флексами сделать и без них. Сами справитесь.

@trofey2 · 23.12.2025, 18:04 **[ТС]**

Сообщение от sad67man

И подсвечивалось тоже на всю ширину. Зачем вам делать, чтоб подсвечивался только текст? Это же не красиво

ну так просто на сайте с которого делал

@sad67man · 23.12.2025, 19:52

Сообщение от trofey2

ну так просто на сайте с которого делал

Значит вешайте ховер на li

@trofey2 · 24.12.2025, 14:34 **[ТС]**

Сообщение от sad67man

Значит вешайте ховер на li

если так сделать то ссылка идет не на всю ширину и из-за этого когда наводишь на саму стрелку она опять дергается

@sad67man · 24.12.2025, 14:54

Сообщение от trofey2

если так сделать то ссылка идет не на всю ширину и из-за этого когда наводишь на саму стрелку она опять дергается

Главное, чтоб вы уловили суть. Дергается из-за того, что меняется область наведения. Вам нужно повесить ховер на элемент, который будет занимать всю ширину.

Если вешаете на li, то тогда он должен занимать всю ширину..
Если вешаете на a - тогда тег <а> должен занимать всю ширину. Если хотите, чтоб при этом подсвечивался только текст - можете обернуть текст дополнительно в тег span.

Сделать можно разными способами - учтите кликабельность элемента - ее область и поведение при клике, которое хотите сделать.

@trofey2 · 28.04.2026, 14:54 **[ТС]**

sad67man, добрый день. делаю сейчас другой сайт, там тоже гамбургер. хотел спросить там тоже нужно чтобы "При нажатии на гамбургер добавляете класс на body или html" или можно просто добавить .active, как я и сделал сначала
страница с которой делал это, если что - https://www.podia.com/online-store

Новые блоги и статьи Все статьи Все блоги /
[golang] Insert Delete GetRandom O(1) (Leetcode: 380) alhaos 16.06.2026 Insert Delete GetRandom O(1) Сложность: Medium Источник: LeetCode 380 Задача Реализовать структуру данных RandomizedSet, которая поддерживает следующие операции за O(1) в среднем:	Свет в конце тоннеля kumehtar 16.06.2026 Поймал себя на одной мысли. Раньше мне всегда казалось неправильным жить без чёткого понимания, куда всё идёт. Будто я иду по дороге судьбы, но не знаю, куда она ведёт. А раз не знаю — значит,. . .	[golang] Реализация стека с поддержкой получения минимального элемента за O(1) alhaos 16.06.2026 Min Stack Сложность: Medium Источник: LeetCode 155 Задача: Реализовать стек который поддерживает push, pop, top и получение минимального элемента за O(1). Методы:	[golang] Конкурентный fetcher с ограничением максимального количества одновременных HTTP запросов. alhaos 10.06.2026 Задача Реализовать конкурентный fetcher с ограничением максимального количества одновременных HTTP запросов. Сигнатура func Fetch(urls string, maxConcurrent int) Result Пример urls :=. . .
[golang] Состояние гонки (race condition) alhaos 10.06.2026 Состояние гонки (race condition) Состояние гонки (Race Condition) — это ошибка, возникающая при одновременном доступе нескольких горутин к одним и тем же данным без должной синхронизации. При этом. . .	Взрослые отношения, и почему они не получаются kumehtar 09.06.2026 Когда в детстве ребёнок не получает от родителей чего-то важного, он лишается не просто приятных переживаний, а основы для формирования определённых внутренних качеств и навыков. Если ребёнок не. . .	[golang] Worker Pool alhaos 09.06.2026 Worker Pool Worker Pool — паттерн конкурентной обработки задач в Go. Суть: фиксированное количество горутин-воркеров читают задачи из общего канала и пишут результаты в общий канал результатов. . . .	[golang] Pipeline alhaos 08.06.2026 Pipeline Pipeline — паттерн конкурентной обработки данных в Go. Суть: данные проходят через цепочку независимых стадий, каждая из которых работает в своей горутине и общается с соседями через. . .

@trofey2 0 / 0 / 0 Регистрация: 28.12.2015 Сообщений: 242

	Как сделать выпадающее меню переключающееся по клику? 31.10.2025, 15:57. Показов 5205. Ответов 65 Метки нет (Все метки) мне сказали тут что делать такое меню через Input неправильно, лучше с js подскажите тогда как его сделать с js? еще хотелось бы чтобы оно закрывалось по клику кроме того 0