Не работает конструкция 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, время: 20:48. |