мобиле по клике на него открываются совсем разные списки.
Как лучше всего реализовать? Ввести в проект две иконки бургера? Отдельно для десктопа и отдельно для мобилы. И для каждой иконки свой список.
Или мудрить с js. Чтобы при клике на один и тот же бургер открывались разные списки на разных разрешениях
var $nav;
var $menu;
window.addEventListener('resize', function() {
if (window.matchMedia('max-width: 480px').matches) {
// on mobiles
$nav = $('.nav1');
$menu = $('.menu1');
} else {
// everything but not mobile
$nav = $('.nav1');
$menu = $('.menu2');
}
});
$nav.on('click', function(){
$menu.toggleClass("show");
});
2 кнопки, конечно, логичнее.
Обсуждают сегодня