При уменьшении сайта до мобильного экрана большое меню скрывается, а маленькое меню появляется.
Пример
Меню открывается при тапе на элемент #smart.
Написал код:
$('#smart').click(function(){
var menu=$('#menu');
menu.slideToggle('fast');
menu.children('li').removeClass('active').children('ul').hide();
//найти текущий пункт меню
var link=menu.find('a[href='+window.location.pathname+']');
link.addClass('active');
link.closest('#menu > li').addClass('active').find('ul').show();
});
Сейчас занимаюсь оптимизацией кода. Не то что меню медленно работает, но дело принципа.
Знаю, что медленно работают конструкции:
- find('a[href=*]')
- closest('#menu > li')
Можно ли как-то оптимизировать код?