Выпадающее меню на jQuery

В одном из предыдущих уроков, мы с вами верстали выпадающее меню на чистом CSS. Теперь пришла пора, научиться верстать аналогичное меню, но только уже с использованием библиотеки jQuery.

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

Смотреть видеоурок

Разумеется, реализовать выпадающее меню на jQuery, намного проще, чем если бы мы это делали на чистом CSS и это является большим плюсом.

Но не стоит забывать, что у выпадающего меню на jQuery есть и минус, это то, что если на сайт с таким меню, зайдет посетитель, у которого в браузере отключен JavaScript, то подобного рода меню, работать не будут.

Добавить комментарий

  • 14.07.2018 21:00

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

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

  • Да, поддерживаю Paco Official.
    Меню и правда прыгает при наведении в определенную точку. Но не при каждом наведении. В чем причина?

  • Спасибо за отличный урок, все доходчиво и понятно! Но непонятно одно, почему прыгает меню?

  • Не могли бы вы Александр показать код jQuery для выпадающего меню такого плана: в меню три вкладки, при клике на одну из вкладок меню появляется саб меню, при повторном клике, саб меню исчезает, при этом если нажать на другую вкладку меню, появляется саб меню этой вкладки, а предедущее саб меню исчезает

    • Ну или хотя бы подскажите какой раздел jQuery стоит изучить для этого

  • Хороший видеоурок