2x Мобильные меню - только один открывается

Question

Я создал основную тему WordPress, которая имеет первичную и вторичную навигацию. Dev сайт здесь: http://website-test-lab.com/sites/weaver/

Если вы сузите экран до тех пор, пока не нажмете мобильное меню и не нажмете на любое меню, обе они отображают основную навигацию. Как это изменить, чтобы появилось меню, которое нажало? Вот мой jQuery:

;(function($) { 

// DOM ready 
$(function() { 

    // Append the mobile icon nav 
    $('.nav').append($('<div class="nav-mobile"></div>')); 

    // Add a <span> to every .nav-item that has a <ul> inside 
    $('.nav ul li').has('ul').prepend('<span class="nav-click"><i class="nav-arrow"></i></span>'); 

    // Click to reveal the nav 
    $('.nav-mobile').click(function(){ 
     $('.nav-list').toggle(); 
    }); 

    // Dynamic binding to on 'click' 
    $('.nav-list').on('click', '.nav-click', function(){ 

     // Toggle the nested nav 
     $(this).siblings('.nav .sub-menu').toggle(); 

     // Toggle the arrow using CSS3 transforms 
     $(this).children('.nav-arrow').toggleClass('nav-rotate'); 

    }); 

}); 

}) (jQuery);

Заранее спасибо

Answer 1

я в конечном итоге редактирует этот кусок JS:

// Click to reveal the nav 
$('.nav-mobile').click(function(){ 
    //$('.nav-list').toggle(); 
    $(this).parent().children(".nav-list").toggle(); 
});