關閉所有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的手風琴標籤

回答

相關問題