Изучаю jquery, возможно ниже представленный код будет для вас глупостью но в своё время когда у меня всё работало с помощью него, я был собой горд :)
Но, проблема в следующем:
Есть 2 кнопки и обе они вызывают свои меню, проблема в том что одно меню перекрывает другое меню.
Как сделать так чтобы когда срабатывает первая кнопка вторая деактивируется(срабатывает обратное условие того что ниже.) И наоборот, если открывать второе меню то первое закрывается и тд.
$(".menu-trigger").click(function () {
$mnu = 'open';
$(this).toggleClass('no-visible');
$('#close-menu-mobile').toggleClass('active');
$('.header-panel-nav').toggleClass('open');
});
$("#close-menu-mobile").click(function () {
$mnu = 'close';
$(this).toggleClass('active');
$('.menu-trigger').toggleClass('no-visible');
$('.header-panel-nav').toggleClass('open');
});
$(".settings-trigger").click(function () {
$(this).toggleClass('no-visible');
$('#close-settings').toggleClass('active');
$('html').toggleClass('over');
$('.header-panel-set-wrap').toggleClass('open');
});
$("#close-settings").click(function () {
$(this).toggleClass('active');
$('.settings-trigger').toggleClass('no-visible');
$('html').toggleClass('over');
$('.header-panel-set-wrap').toggleClass('open');
});
