多个下拉菜单

Question

我希望将两个不同的"导航"部分添加到手机上的一个页面。这是使下拉菜单起作用的jQuery拉力。但是，当我在第二个下拉列表中添加标记的第二部分时，一个菜单按钮将打开两个菜单。可以使用多个吗？或者我缺少什么分别打开每个？

<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，因此变量不会成为全局：

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