Mail.ruПочтаМой МирОдноклассникиВКонтактеИгрыЗнакомстваНовостиКалендарьОблакоЗаметкиВсе проекты

Почему так происходит, как сделать, что бы такого не было?

Returno Мудрец (11620), на голосовании 7 лет назад
Когда, в мобильной версии меню раскрыто, а потом увеличить ширину экрана больше 768 px и нажать на меню, то иконка мобильного меню сбрасывается, как сделать, что бы такого не было?

https://jsfiddle.net/72oxsmt9/41/
Дополнен 7 лет назад
вот такого
Дополнен 7 лет назад
// Мобильное меню
$(document).ready(function () {
$(".icon-mobile-menu").click(function(ob) {
ob.stopPropagation();
$(".icon-mobile-menu").addClass("toggle");
});
$('li > a').click(function(){
$('.icon-mobile-menu').removeClass("active");
})
$('.icon-mobile-menu').click(function() {
$(this).toggleClass('on');
$('#menu').slideToggle(350);
$(".icon-mobile-menu").toggleClass("show-x");
});
$(window).resize(function(){
var w = $(window).width();
if(w > 768 && $('#menu').is(':hidden')) {
$('#menu').removeAttr('style');
}
});
$('#menu').on('click',function(e){
e.stopPropagation();
if ( $('.icon-mobile-menu').is(':visible'))
$(this).removeAttr('style');
$('.icon-mobile-menu').removeClass('on');
})
});

// Конец мобильного меню
Похожие вопросы