jQuery折叠选项卡,如果它是相同的选定

时间:2015-03-17 11:47:26

标签: javascript jquery html tabs

使用accordion jQuery我想collapse如果现在是活动的选定标签

现在如果我点击相同的标签什么都没有,但是如果我点击另一个标签激活的标签被更改

example on jsfiddler

如果我点击活动时如何设置非活动(slideUp)标签

3 个答案:

答案 0 :(得分:2)

你必须检查它是否已经显示然后隐藏它:

if($(a).css("display") == "block")
  $(a).slideUp('fast');
else
  $(a).slideDown('fast');

或使用.is()检查它是否可见:

if($(a).is(":visible"))
   $(a).slideUp('fast');
else
  $(a).slideDown('fast');

UPDATED FIDDLE

FIDDLE USING is(":visible")

答案 1 :(得分:2)

改变这个:

$(a).slideDown('fast');

到此:

$(a).slideToggle('fast');

答案 2 :(得分:1)

您需要使用:visible检查手风琴的幻灯片是否已显示:

link.on('click', function (e) {
    e.preventDefault();  
    $("#accordion div").slideUp('fast');  
    var $target = $(this.hash);
    if (!$target.is(':visible'))
        $target.slideDown('fast');
});

Example fiddle