jQuery：toggle - ＆gt;只打开一个并折叠其他兄弟项目

Question

jsfiddle：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

你没有在点击事件中调用hide函数：

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

Answer 3

试试这个

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

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