JQuery的手風琴如何使用腳本

我曾嘗試使用下面的代碼JQuery的手風琴如何使用腳本

<h3>Level 1</h3> 
    <div>Content</div> 
<h3>Level 2</h3> 
    <div>Content</div> 
<h3>Level 3</h3> 
    <div>Content</div>

創造了一個摺疊式菜單我想用代碼來打開不同級別標題打開特定的頭。我試圖查看手風琴和小部件代碼，但找不到任何功能。

請幫我用什麼代碼打開一個特定的頭文件。還有如何找到應該打開的頭是否已經打開。

我也使用

$("#rightMenuAccordion").activate('activate',1)

嘗試作爲上市here但它說，它不存在

這是我使用創造手風琴

<div id="rightMenuAccordion" 
    style="position:absolute;width:100%;height:100%;left:0px;top:0px;"></div> 

$("#rightMenuAccordion"). 
    accordion({autoHeight: false, navigation: true, collapsible: false});

來源

2012-04-05 Nitin Mukesh

請將答案作爲一個單獨的答案發布。不要編輯帖子。另外，請詳細說明答案，不要使用單行代碼，提供一些上下文。我已經編輯了答案，但是您可以[參閱歷史記錄]（http://stackoverflow.com/revisions/10024447/1）。 – casperOne 2012-04-05 12:31:56

請添加一個jsfiddle [www.jsfiddle.net]，這是調試問題的正確方法 – sakhunzai 2012-04-05 12:43:21

使用激活代碼（） FUNCTION

看完整example

注：activate（）方法只適用「可摺疊：真」

$("#rightMenuAccordion"). 
    accordion({autoHeight: false, navigation: true, collapsible: true}); 

//by index 
$("#rightMenuAccordion").accordion("option", "active", 2); 

//OR header 
$("h3:last").accordion("activate",true);

來源

2012-04-05 12:41:11 sakhunzai

初始化手風琴並通過活性頭索引被打開

//setter for making the header be open on page load with active index value 
$(".selector").accordion("option","active",activeIndex);

注：activeIndex以上應該是一個整數值而不是字符串。第一個標題從索引值0開始。

來源

2013-03-21 07:46:37 Lucky

小記，如果您的手風琴只有一個選項（即1個索引），您仍然需要設置活動索引= 0或沒有會發生。 – 2014-06-22 12:36:28

@DominicWoodman你確定嗎？即使你只是不讓單個選項頭活動，它會默認打開..你不必明確指定該選項..只需$（'selector'）。accordion（）;會做.. – Lucky 2014-06-23 13:41:29

var indexOfHeaderToBeOpened = 0; （'＃accordion'）。accordion（'activate'，indexOfHeaderToBeOpened）;

來源

2014-05-07 06:36:33

JQuery的手風琴如何使用腳本

回答

相關問題