关闭所有jQuery的手风琴标签

我以前发布了一个简单的jQuery的手风琴问题，我收到的答案帮助，但我现在要问的问题是跟进这个问题。不知道你会如何使这些标签可折叠，以便他们都关闭。点击欢迎阅读，再次点击它关闭它。目前其中一个标签保持打开状态。这是代码关闭所有jQuery的手风琴标签

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

});

这是link

来源

2011-09-12 png

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

关闭所有标签

来源

2011-09-12 23:15:55

您应该以某种方式检查手风琴的状态，竟滑动起来或滑动下来之前，以确定要执行哪些操作。

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

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

来源

2011-09-12 23:16:20 kevindh89

在调用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; 
    }); 

});

来源

2011-09-12 23:34:54 RoccoC5

关闭所有jQuery的手风琴标签

回答

相关问题