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/