两个下拉菜单，一个左，一个右，在同一个切换菜单中（响应）

Question

我无法自己解决这个问题，所以我求你帮忙。我需要一个响应式菜单，当你在移动/ ipad上时，这是一个两个下拉菜单。例如，其中一个菜单位于左侧网站的顶部，第二个位于右侧。当您调整窗口大小并使其变小时，它将在切换菜单中显示在彼此之下。我需要在计算机上显示时修复菜单，我需要它在向下滚动时遵循。我将向您展示两个下拉菜单的外观示例（这不是我的网站，但我需要一个这样的但是响应并在屏幕变小时切换）：

编辑：我设法在getbootstrap.com上找到一个，但是我想在我悬停时显示子菜单。现在我被迫点击菜单查看子菜单，我不想要那个。代码可以在

找到

jsfiddle.net/6poubg32/2/

Answer 1

尝试在菜单<li>或<ul>标记上添加小型JQuery悬停功能。

$( "your_menu_button_id" ).hover(function() {
     // logic to show your menu example call toggle function
     // you can also add css class which opens the menu. 
     $( "#foo" ).addClass( "myClass yourClass" ); 
     // or use this to toggle the classes
     $( "#foo" ).toggleClass( className, addOrRemove );
});

可以找到其他示例here-> for hover function 动态添加课程使用此link＆amp;这个link用于toggleClass以了解更多信息。

希望这有帮助。！