具有多个描述项的 jQuery 手风琴定义列表

我似乎无法使用jQuery 手风琴 http://jqueryui.com/demos/accordion/具有多个描述项 (dd) 的定义列表。作者的examples http://jquery.bassistance.de/accordion/demo/只有单个 dd 项目。

在下面的示例中，B2、B3 和 C2 显示 onLoad，而不是像我希望的那样像 A1、B1 和 C1 那样隐藏。

我将如何实现这一目标？

jQuery('dl').accordion({ 
    event: 'click',     
    active: false, 
    animated: "bounceslide", 
    header: "dt" 
});​

<dl>

    <dt>A</dt>
    <dd>A1</dd>

    <dt>B</dt>
    <dd>B1</dd>
    <dd>B2</dd>
    <dd>B3</dd>

    <dt>C</dt>
    <dd>C1</dd>
    <dd>C2</dd>

</dl>

(实时 jsFiddle 版本 http://jsfiddle.net/v8u3v/)

• demo: https://so.lucafilosofi.com/jquery-accordion-definition-list-with-multiple-description-items https://so.lucafilosofi.com/jquery-accordion-definition-list-with-multiple-description-items

$(function () {
    $('dt').on('click', function (e) {
        e.preventDefault();
        $(this).parent('dl').children('dd:visible').slideUp('slow');
        $(this).nextUntil('dt').filter(':not(:visible)').slideDown('slow');
    });
});

NOTE:

如果您想要多个部分

立即打开，不要使用手风琴

• 手风琴不允许超过 一个内容面板将在以下位置打开 同样的时间，并且需要很多时间 努力做到这一点。如果您正在寻找 对于允许多个的小部件 内容面板要打开，不要使用 这。通常可以写成 几行 jQuery 代替，一些东西 像这样：参考： http://jqueryui.com/demos/accordion/ http://jqueryui.com/demos/accordion/

希望这有帮助！ ;)