Question

我是jquery / js的新手，我正在尝试使用jqueryui / jquery创建一个标签式菜单。我希望内部选项卡在那里，所以使用slideToggle创建它。我必须在选项卡中滑动切换，并且我希望在另一个slideToggle打开时关闭它，我为选项卡滑动，如果它打开但是我无法用另一个slideToggles执行它。这是我试过的代码：

$(function() {
    $( "#tabs" ).tabs();
});

$(document).ready(function() {

  $(".menu a").click(function(){
    $(".video").each(function(){
        $(this).get(0).pause();
    });
  });

  //tabbing selection
  $(".menu li:eq(0)").addClass("active");

  $(".menu li").click(function(){
    $(this).addClass('active');
    $(this).siblings().removeClass('active');       
  });

  $(".subtabs").click(function(){
    $(this).nextUntil("li.tabsclose").slideToggle();
    $(this).removeClass('active');
    $(this).next().addClass('active');
  });

  $(".tabs").click(function(){
    $(".subtabsinner").slideUp();
  });

});

这是codepen http://codepen.io/SurajVerma/pen/Fskmu的链接。

在发布问题之前，我尝试使用Google并在stackoverflow上搜索，但无法找到类似的内容。

感谢。

Answer 1

您可以在$(".subtabs").click

中添加以下行

$('.subtabs').not(this).nextUntil(".subtabs").slideUp();

可用演示

http://codepen.io/anon/pen/dBkAE

做什么是拉起来，除了当前活动的子标签之外的所有子标签

垂直多级菜单slideToggle

1 个答案: