Jquery Ui手风琴

Question

我已经使用以下链接为网站创建了手风琴，但是我想将其改为少数，尝试遍布网络找不到解决方案。

当我们添加新的手风琴时，我想改变手风琴的位置，如果有的话。另外，第一个手风琴总是打开，我认为我已经解决了一些问题。

，你可以找到以下链接演示，

[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是

Answer 2

尝试增加$ （” .questions'）手风琴（{活性：假}）。 $（'。questions'）。accordion（“refresh”）; 。

http://jsfiddle.net/gnhkm4es/10/

$(document).ready(function() {  
    $(".questions").accordion({ 
     header: "> div > h3", 
     collapsible: true, 
     active: false, 
     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"); 
     $('.questions').accordion({active:false}); 
    }); 
}); 

如果你想打开最后一个面板手风琴与-1 $（”问题）代替假

手风琴（{活跃：-1}）; 参考下积极 http://api.jqueryui.com/accordion/