多个下拉菜单

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 pull  = jQuery('#pull'); 
var menu  = jQuery('nav ul'); 
var menuHeight = menu.height();