jQuery：toogle - >只打開一個並摺疊其他兄弟項目

Question

jfiddle：http://jsfiddle.net/ZmDs2/1/ 嗨我試圖完成合並其他父項目，而只打開一個與jQuery切換。

我試圖

var index = $(this).index(); 
$('.togglebox').eq(index).slideToggle("fast").siblings('.togglebox').hide(); 

我想你們幫助.. 感謝

Answer 1

我改變了javascript來this：

$(document).ready(function(){ 
    //Hide the tooglebox when page load 
    var current, toggleBoxes = $(".togglebox").hide(); 
    //slide up and down when click over heading 2 
    $("h3").click(function(){ 
     current = $(this).next(".togglebox"); 
     toggleBoxes.not(current).slideUp('fast'); 
     current.slideDown("fast"); 
    }); 
}); 

我只需保存所有元素的「 togglebox「類並在執行slideToggle動畫之前摺疊它們。

Answer 2

你沒有調用click事件的隱藏功能：

http://jsfiddle.net/ZmDs2/3/

Answer 3

試試這個

$(function(){ 
    $(".togglebox").hide(); 

    $("h3").click(function(){ 
     $(".togglebox").slideUp('fast'); 
     $(this).next(".togglebox").slideDown("fast"); 
    }); 
});