Question

我使用以下代码创建了一个手风琴菜单

<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});

Answer 1

使用activate（）FUNCTION

查看完整的example

注意：activate（）方法仅适用于“collapsible：true”

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

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

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

Answer 2

初始化手风琴并传递要打开的活动标题索引

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

注意：上面的activeIndex应该是整数值而不是字符串。第一个标头从索引值0开始。

Answer 3

var indexOfHeaderToBeOpened = 0;

$（“＃accordion”）。accordion（'activate'，indexOfHeaderToBeOpened）;

JQuery Accordion如何使用脚本打开特定的头文件

3 个答案: