Javascript-форум - Мобильное меню проблемы

Все привет, есть сайт: http://www.gogoleta.abbitest.com/ у него есть мобильное меню, которое должно работать по принципу - разворачиваем первое Things To Do, Events должен быть закрыт, нажали на Events, Things To Do должен закрываться, для этого я использую JS:

$('.sub-nav > li ').click(function(e){
        
       var target = e.target;
        if(target.nodeName !== 'LI') {
            target = $(target).parent()[0];
        }
       


        if($(target).hasClass('active')) {
            $('.sub-nav  li').removeClass('active');
        }
        else {
            $(target).addClass('active');  
        }
         
       $(target) >$( '.sub-menu-2').animate(
        {height: "toggle"},   
        400);      
           
    })

и это не работает правильно, подскажите решение пожалуйста. Спасибо