Не работает конструкция IF-ELSE
Здравствуйте, помоги пожалуйста, ни как не могу понять почему не работает скрипт ниже:
var menu = $('#menu_nav'); var adapMenu = $('#adap-menu'); if (window.innerWidth <= 600) { if (menu.hasClass('show')) { adapMenu.click(function(){ menu.removeClass('show'); } } else { adapMenu.click(function(){ menu.addClass('show'); } ); } } |
Влад Громов,
в клике условие а ненаоборот |
Всё исправил, но функция срабатывает только один раз, то есть даёт класс show, но после повторного нажатия не удаляет, можете помочь с этим?
|
Делать адаптивное меню через jQuery - верх руко*опия просто. :)
var menu = $('#menu_nav'); var adapMenu = $('#adap-menu'); adapMenu.click(function(){ menu.toggleClass('show', window.innerWidth > 600); }); |
Как писал рони + .toggleClass()
|
function dropmenu() { var menu = $('#menu_nav'); var adapMenu = $('#adap-menu'); if (window.innerWidth <= 600) { if (menu.hasClass('show')) { menu.removeClass('show'); } else { menu.addClass('show'); } } } <li id="adap-menu" onclick="return dropmenu();"><a title="">Меню</a></li> Вот всё работает |
Влад Громов, да не нужна там эта конструкция из условий, вот:
menu.toggleClass('show', window.innerWidth > 600); |
Вам же Ruslan_xDD прямым текстом написал как проще.
|
Ruslan_xDD,
А как сделать водругому адаптивное меню? раз вы говорите что через jquery это рукожопие |
var menu = $('#menu_nav'); var adapMenu = $('#adap-menu'); adapMenu.click(function(){ menu.toggleClass('show', window.innerWidth > 600); }); так не работает ваша конструкция |
Часовой пояс GMT +3, время: 15:54. |