[ajaxst]

Добрый день, стоит задача что бы при нажатии на список открывался, списком (это реализовано), но при нажатии на еще один список подпунктов меню, первый скрывался и т.д.

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 скрипте?