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

@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

Новые блоги и статьи Все статьи Все блоги /
Запустил конкурс "тем и промптов для текстовых квестов созданных почти чисто ИИ" Adler 06.10.2026 Всем привет! За последние три-четыре дня я создал более 16 текстовых квестовых игр используя преимущественно по одному запросу к ИИ на игру. Мне так понравилось смотреть все ветки/ сцены во всех. . .	ИИ не может найти нужный язык в списке Supersumestria 05.10.2026 Я ему даю вот такое изображение и прошу найти и подчеркнуть немецкий язык. Возвращает он вот это: https:/ / i. **********/ vqBWLe2. png Нужную строчку в 3й колонке просто выдумал. . Это. . .	Новая последняя моя музыка в SUNO zorxor 05.10.2026 Здравствуйте, дорогие мои друзья! С большой радостью я хотел бы представить вам свою новую последнею музыку, которую сгенерировала мне по моей просьбе нейросеть SUNO. С уважением, zorxor. Это. . .	Программный домашний кинотеатр russiannick 27.09.2026 Сподобился на программный домашний кинотеатр. В качестве ЯВУ по традиции выбрал js. В помощники взял Яндекс-Алису. Было создано три зала на разные интересы. исторические и ретро сериал Хичкок. . .
Беседа с ИИ о программистах, недопускающих к созданию и правке кода генеративные ИИ и причины этого zorxor 21.09.2026 Раньше я радовался или получал некоторые эмоции, пусть небольшие, но всё же, от самого процесса написания кода, рекомпиляции и запуска, видя постепенное развитие программы и прочее. А теперь лень. . .	Мобильное приложение ColorStep pavlinmavlin 17.09.2026 Реализовал приложение Красный, Зеленый, Синий в Unity3d + c#. Название изменил на ColorStep. Приложение прошло модерацию и теперь доступно для скачивания. Делал его сам, шаг за шагом — и вот,. . .	Запрет дублирования строк в табличной части Maks 13.09.2026 Реализация из решения ниже выполнена на нетиповом справочнике "Нормы ТО" с табличной часть "Виды ТО", разработанного в КА2, со следующими реквизитами: - ВидТО (СправочникСсылка. ВидыТО); - ВидГСМ. . .	Скрипты Tampermonkey для CyberForum, ChatGPT, Claude и пр. Jin X 06.09.2026 Скрипты Tampermonkey для CyberForum, ChatGPT, Claude и пр. Работая с форумом и нейросетями в браузере часто хочется что-то подкорректировать или добавить какого-то функционала. Ниже прикреплён. . .

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

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