Несколько раскрывающихся меню

Question

Я ищу, чтобы добавить два разных раздела «Навигация» на страницу на мобильном телефоне. Вот пример jQuery, чтобы сделать выпадающее меню. Однако, когда я добавляю во второй раздел разметки для второго раскрывающегося списка, одна кнопка меню открывает меню BOTH. Можно ли использовать более одного? Или что мне не хватает, чтобы открыть его отдельно?

<script> 
jQuery(function() { 
var pull  = jQuery('#pull'); 
    menu  = jQuery('nav ul'); 
    menuHeight = menu.height(); 

jQuery(pull).on('click', function(e) { 
    e.preventDefault(); 
    menu.slideToggle(); 
    }); 
}); 

jQuery(window).resize(function(){ 
var w = jQuery(window).width(); 
if(w > 320 && menu.is(':hidden')) { 
    menu.removeAttr('style'); 
} 
}); 
</script> 

Answer 1

Вы должны изменить значения переменных menu и pull.

Кроме того, добавьте вар перед переменными, как это так, поэтому переменные не стали глобальными:

var pull  = jQuery('#pull'); 
var menu  = jQuery('nav ul'); 
var menuHeight = menu.height();