多个下拉菜单

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