FAQ-divs顯示/隱藏示例

Question

我使用下面的jquery代碼打開（答案）div後點擊（問題）div在一個非常簡單的常見問題解決列表創建的divs。

jQuery的

$(document).ready(function(){ 
    $('.faqlink').click(function(){ 
     $('.content').fadeOut(400); 
     $(this).next('.content').fadeIn(400); 

    }); 
}); 

這個常見問題列表是由一個簡單的CSS支持..

.content { display:none; } 

工作良好。我在這裏錯過的是一個解決方案，在點擊相同的「faqlink」div時隱藏「content」div - 再次 - 打開該問題的那個div。

是否有可能使用此代碼？

Answer 1

使用fadetoggle（）

$('.content').fadeToggle(); 

fadeToggle（）結合了淡入（）和淡出（）。如果它淡出，那麼它淡入，反之亦然。