Добрый день, стоит задача что бы при нажатии на список открывался, списком (это реализовано), но при нажатии на еще один список подпунктов меню, первый скрывался и т.д.
jQuery(document).ready(function($) {
$('.social-icons li').each(function(){
var url = $(this).find('a').attr('href');
if(url == ''){
$(this).hide();
}
});
$('.nav-toggle').click(function() {
$(this).toggleClass('dropdownactive');
$('#main-menu div ul:first-child').slideToggle(250);
return false;
});
if( ($(window).width() > 640) || ($(document).width() > 640) ) {
$('#main-menu li').mouseenter(function() {
$(this).children('ul').css('display', 'none').stop(true, true).slideToggle(250).css('display', 'block').children('ul').css('display', 'none');
});
$('#main-menu li').mouseleave(function() {
$(this).children('ul').stop(true, true).fadeOut(250).css('display', 'block');
})
} else {
$('#main-menu li').each(function() {
if($(this).children('ul').length)
$(this).append('<span class="drop-down-toggle"><span class="drop-down-arrow"></span></span>');
});
$('.drop-down-toggle').click(function() {
$(this).parent().children('ul').slideToggle(250);
});
}
});
Сам сайт меню.
<div class="menu-wrap">
<nav id="main-menu" class="mobile-menu">
<input type="checkbox" id="checkbox" class="mobile-menu__checkbox">
<label for="checkbox" class="mobile-menu__btn">
<div class="mobile-menu__icon">
</div>
</label>
<div class="mobile-menu-container">
<ul class="menu">
<li class="expanded menu-item-447"><a href="/hudozhestvennaya-gimnastika" title="Художественная гимнастика">Художественная гимнастика</a>
<ul class="menu" style="overflow: hidden; display: block;">
<li class="first leaf menu-item-481"><a href="/trenera-hudozhestvennaya-gimnastika" title="Тренеры-преподаватели">Тренеры-преподаватели</a></li>
<li class="leaf menu-item-475"><a href="/raspisanie-0" title="Расписание">Расписание</a></li>
<li class="leaf menu-item-471"><a href="/programmy-podgotovki-po-vidu-sporta-0" title="Программы подготовки по виду спорта">Программы подготовки по виду спорта</a></li>
<li class="collapsed menu-item-446"><a href="/dlya-postupayushchih" title="Для поступающих">Для поступающих</a></li>
<li class="last collapsed menu-item-445"><a href="/platnye-ozdorovitelnye-uslugi" title="Платные оздоровительные услуги">Платные оздоровительные услуги</a></li>
</ul>
<span class="drop-down-toggle"><span class="drop-down-arrow"></span></span></li>
<li class="expanded menu-item-448"><a href="/sportivnaya-akrobatika" title="Спортивная акробатика">Спортивная акробатика</a><ul class="menu">
<li class="first leaf menu-item-482"><a href="/trenera-sportivnaya-akrobatika" title="Тренеры-преподаватели">Тренеры-преподаватели</a></li>
<li class="leaf menu-item-473"><a href="/raspisanie" title="Расписание">Расписание</a></li>
<li class="leaf menu-item-469"><a href="/programmy-podgotovki-po-vidu-sporta" title="Программы подготовки по виду спорта">Программы подготовки по виду спорта</a></li>
<li class="leaf menu-item-477"><a href="/dlya-postupayushchih-0" title="Для поступающих">Для поступающих</a></li>
<li class="last leaf menu-item-476"><a href="/platnye-ozdorovitelnye-uslugi-0" title="Платные оздоровительные услуги">Платные оздоровительные услуги</a></li>
</ul>
<span class="drop-down-toggle"><span class="drop-down-arrow"></span></span></li>
<li class="expanded menu-item-449"><a href="/pryzhki-na-batute" title="Прыжки на батуте">Прыжки на батуте</a><ul class="menu">
<li class="first leaf menu-item-483"><a href="/trenera-pryzhki-na-batute" title="Тренеры-преподаватели">Тренеры-преподаватели</a></li>
<li class="leaf menu-item-478"><a href="/raspisanie-1" title="Расписание">Расписание</a></li>
<li class="leaf menu-item-479"><a href="/programmy-podgotovki-po-vidu-sporta-1" title="Программы подготовки по виду спорта">Программы подготовки по виду спорта</a></li>
<li class="leaf menu-item-516"><a href="/dlya-postupayushchih-1" title="Для поступающих">Для поступающих</a></li>
<li class="last leaf menu-item-517"><a href="/platnye-ozdorovitelnye-uslugi-1" title="Платные оздоровительные услуги">Платные оздоровительные услуги</a></li>
</ul><span class="drop-down-toggle"><span class="drop-down-arrow"></span></span></li>
<li class="leaf menu-item-526"><a href="/novosti" title="Новости">Новости</a></li>
<li class="last leaf menu-item-453"><a href="/kontakty" title="Контакты">Контакты</a></li>
</ul>
</div>
</nav>
</div>
Что подправить в JS скрипте?
