Меню любой вложенности на JavaScript - 30 строк кода

[@alexredcross]

Спасибо Александр) прошёл курс год назад) уже 8 месяцев работаю PHP+JS разработчиком) но все равно с радостью смотрю видео и даже добавляю себе что-то новое) продолжайте в том же духе, а ещё было бы неплохо возобновить рубрику "JavaScript решает" с новыми интересными задачами)

[@itgid]

Супер. Я рад за вас

[@alexnoskovarg3844]

Молодец, я сам програмлю, но всегда есть что-то новенькое подчеркнуть для себя, век живи, век учись!!!

[@stason5864]

Единственное видео где так подробно и понятно практикуют... Спасибо огромное!

[@СергейПресняков-о4р]

17:50 для коллекции, полученной с помощью querySelectorAll прекрасно работает метод forEach без преобразования в массив с помощью Array.from

[@Ireile]

Доброго времени суток Александр. Как и всегда познавательное видео.

[@arcadiibabici7655]

Спасибо огромное, словно фантастика !

[@Alexander-tp6gy]

спасибо, очень круто. Не планируете делать подобные небольшие практические проекты на React?

[@alexanderalexander7722]

Большое СПАСИБО! То что нужно. Побольше бы таких уроков.!

[@klubkov]

Какое-то легаси)

[@beuef1379]

Отлично, фантастика, спасибо!!!

[@BrestSouth]

Отличный пример, очень понравилось.

[@sergey9784]

Спасибо. Как всегда доходчиво и понятно!!!

[@fordragon9978]

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

[@kuzinpeter3365]

спасибо, за хороший урок

[@АлексейСоколов-у3к]

Спасибо за урок)

[@o_opedro4044]

Как всегда. 👍 Круто...

[@davidsulaberidze5978]

Большое спасибо

[@dennisfisher2684]

Александр, огромное спасибо за этот ролик! У меня к вам просьба - пожалуйста, запишите видео, научите, как сделать выпадающее меню на js, только при событии мыши, а не клик. Типа аналог hover. Заранее, спасибо! )

[@АлексейСоколов-у3к]

Для этого есть css

[@Alex-dc2jq]

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

[@geroin6294]

супер!

[@galatavitaliy]

Хотелось бы еще и реализацию мобильного вида меню.

[@НурханДилдабек-ы7к]

А если просто проверять есть ли дочерний элемент ul? Если есть то не закрывать родительский элемент

[@annalipower4830]

30 строк кода, попытаемся уместиться в 50 строк, в итоге 26 строк

[@itgid]

Никогда не знаешь что будет в конце. У самурая нет цели. Только путь

[@masterng56]

ссылка на исходники ведет просто в Телеграм канал, где я ни чего не нашел ((

[@xKUMAxMU]

пробовал foreach работает и не с масивами а с элементами тоже, прямо с айтемом можно работать

[@Juice544_]

можно такую менюшку и без js реализовать, чисто css и чекбоксы)

[@Ireile]

Александр в самом начале видео говорит это.

[@schprundel2939]

чекбоксы на многоуровневом как? будет эффект памяти же - в пункте N дошел по иерархии в 5 уровень вложенности. потом перешел на другой главный пункт и вернулся назад на пункт N-откроется весь прошлый путь вложенности. да и html будет раздуваться. чекбоксы хорошо на 1 уровне вложенности - нажал, показалось вложенное. нажал другой, показалось его вложение

[@ob7349]

А як зробити, щоб при натисканні на лінк, я перенаправилась в потрібну секцію, а меню закрилось ?

[@АлексейКУЗНЕЦОВ-н6ю]

а что если меню не помещается на экране?

[@shertskoff6852]

Пойду потренируюсь работать с parent и child. еще про console.dir узнал. Только не понятно, что он по названию тега закрывает? Это же не уникальный элемент

[@ob5804]

Ви сказали, що до subMenu forEach застосувати не зможемо,, бо це не масив, а як би виглядив, в нашому випадку, масив??

[@vadonfit9269]

цсс, в остальном класс

[@romanenkoonline]

Неплохо бы ещё закрыть меню по клику вне блока с навигацией.

[@NanNan-nb4qf]

Вот через пятьсот лет попробуй найди исходный код по очень удобной ссылке. Проще на луну слетать, чем этот код найти.

[@vladyslavvin]

Можно и 1 строкой без js li:hover > ul

[@schprundel2939]

можно. только тут человек обучает использованию js на примере

[@ЮрійВовчук-е7ы]

Олександре, дякую за роз'яснення. Є питання - ви весь час клікаєте по Sub, в яких є вкладене меню. Але якщо клікнути по Link - нічого не відбувається, в консолі отримую null. Як вирішити цей момент? Дякую.

[@MrFeleven11]

Меня больше смущает тот факт что я уже 2 месяца ищу способ написать чит меню и даже этот тутор мне не помог

[@yannp3358]

Удачи это садаптивить в 30 строк кода лол))

[@gorillsezh3703]

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

[@antonbeletsky1277]

. item{ display : none; } nav:hover item{ display : block; /* flex */ } и не надо js

[@roman4714]

Как-то замудренно написано