Question

我之前发过一个关于一个简单的jquery手风琴的问题，我收到的答案有帮助，但我现在要问的问题是这个问题的后续问题。不确定如何使标签可折叠，以便它们全部关闭。单击欢迎阅读，再次单击以关闭它。目前其中一个标签保持打开状态。这是代码

  $(document).ready(function() {
           $('#va-accordion .va-content').hide();
           $('.va-heading').click(function(){
                   $('#va-accordion .va-content').slideUp();
                   $(this).next().slideDown();
                   return false;
           });

});

这是link

Answer 1

$('.va-content').slideUp();

关闭所有标签

Answer 2

你应该以某种方式检查手风琴的状态，然后实际向上滑动或向下滑动，以定义要执行哪些动作。

检查手风琴是否打开的简单if语句解决了问题。

你似乎走在正确的轨道上，祝你好运。

Answer 3

在调用slideUp()之前测试内容div是否可见。如果是，请不要致电slideDown()：

$(document).ready(function() {
    $('#va-accordion .va-content').hide();
    $('.va-heading').click(function() {
        var contentDiv = $(this).next();
        var isVisible = contentDiv.is(":visible");
        $('#va-accordion .va-content').slideUp();
        if (!isVisible) contentDiv.slideDown();
        return false;
    });

});

关闭所有jquery手风琴标签

3 个答案: