jquery - 调整 Accordion 以允许隐藏当前内容

Question

我有一个自定义手风琴脚本，我正在尝试适应另一个站点。打开后我需要能够关闭div它，但我不知道如何修改它。

这是我的脚本：

$(".accordionHidden").hide();

// Bind to Button click Event //
$("a.accordionHeading").bind("click", function(e){
    e.preventDefault();

    // Set New Target from Button data-target Attribute //
    var $target = $("."+$(this).data("target"));

    // Prevent Slide Up / Down of Current Content //
    if ($(".accordionHidden:visible").get(0) != $target.get(0)){

        // Slide Up Content if Visible //
        if ($(".accordionHidden:visible").length){
            $(".accordionHidden").filter(":visible").slideUp("fast", function(){
                $target.slideDown("fast");
            });
        }
        else {
            $target.slideDown("fast");
        }
    }
});

我还需要能够同时打开多个项目，目前不确定这个脚本是否可以做到这一点。

DEMO： http: //jsfiddle.net/7W2je/2/（添加了第二个手风琴，需要同时打开两个（或更多））

Answer 1

尝试slideToggle()方法：

$(".accordionHidden").hide();

// Bind to Button click Event //
$("a.accordionHeading").bind("click", function(e){
    e.preventDefault();

    // Set New Target from Button data-target Attribute //
    $("."+$(this).data("target")).slideToggle();
    if ($("a.accordionHeading").text() == 'Maximize') {
       $("a.accordionHeading").text("Show Less Info");
       $("a.accordionHeading").removeClass("minimize").addClass('maximize');
    } else {
        $("a.accordionHeading").addClass("minimize").removeClass('maximize').text('Maximize');
    }

});

http://jsfiddle.net/7W2je/4/