多个下拉菜单

Question

我希望在移动版的页面上添加两个不同的“导航”部分。下面是jQuery pull来使下拉列表工作。但是，当我为第二个下拉列表添加第二部分标记时，一个菜单按钮会打开两个菜单。是否可以使用多个？或者我错过了什么让它分开打开？

<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();