Jquery Ui Accordion

Question

我使用以下链接为网站创建了一个 Accordion ，但我想对其进行一些更改，尝试了整个网络都找不到解决方案。

当我们添加新的 Accordion 时，我想进行更改，关闭 Accordion (如果有)。另外，当添加时，第一个 Accordion 总是打开，我想我已经解决了一些问题。

您可以在以下链接中找到演示，

 [link] http://jsfiddle.net/gnhkm4es/

提前致谢

Answer 1

你应该尝试这个:

$(document).ready(function() {

    $( ".questions" ).accordion({
        header: "> div > h3",
        collapsible: true,
        active: false,             // this can be changed to 0 for first accordion opened
        autoHeight: false,
        autoActivate: true
    });

    $( "button" ).button();
    $('#addAccordion').click( function() {
        var newDiv = "<div><h3>Q4 New Question</h3><div>New Content</div></div>";
        $('.questions').append(newDiv)
        $('.questions').accordion("refresh").accordion( "option", "active", $('.questions > div').length - 1 );
    });
});

工作中jsFiddle是