Question

我正在使用jQueryUITabs，并将其转换为移动菜单。当我点击一个标签时，我一直试图关闭移动菜单，我尝试在菜单中添加一个新类来显示没有和显示块，但它的错误所以我正在寻找一些有关如何在选择选项卡并显示其内容后关闭选项卡组的帮助。

我设置了一个小提琴 - https://jsfiddle.net/ju6q9L4a/30/

我对jquery并不擅长，所以只是使用了wiget并打电话来执行标签工作。

   $( ".jquery-tabs" ).tabs();

我添加了这个以显示和隐藏菜单，但它的工作效率不高

$( ".site-navigation li" ).click(function() {
  $('.site-navigation').hide();
});
$( "#nav-toggle" ).click(function() {
  $('.site-navigation').show();
});

Answer 1

我能够通过将数据切换和目标添加到li本身

来实现此功能

<li data-toggle="collapse" data-target=".navbar-1"><a href='#tab-1'>Tab #1</a></li>
<li data-toggle="collapse" data-target=".navbar-1"><a href='#tab-2'>Tab #2</a></li>

https://jsfiddle.net/ju6q9L4a/41/

jQueryUI选中移动菜单

1 个答案: