如何以编程方式打开jquery手风琴内容面板

我想扩展jquery手风琴的默认行为，并在内容面板中添加一个NEXT按钮。 当用户单击内容面板内的NEXT按钮时，手风琴应该打开下一个项目。

我能够找到下一个项目，如$(this).parent().next()但是无法触发实际操作。

 
 
Item 1
 
Item 1 content
 
NEXT
 
 
Item 2
 
Item 2 content
 
  

Answer 1

如果这是jQuery UI Accordion小部件，您应该使用它的内置方法。

 var $accordion = $("#accordion").accordion(); function openNextAccordionPanel() { var current = $accordion.accordion("option","active"), maximum = $accordion.find("h3").length, next = current+1 === maximum ? 0 : current+1; // $accordion.accordion("activate",next); // pre jQuery UI 1.10 $accordion.accordion("option","active",next); } 

HTML：

 
NEXT 

Answer 2

我的手风琴只有一个内容div（0索引），并且在回发时我正在注册脚本以便在娱乐后重新打开手风琴（$（“＃accordion”）。accordion（{collapsible：true，active：true}）; $（“＃accordion”）。show（）;）定位用户在触发回发之前的布局。

HTML：

 
 
ACCORDION TITLE
 
 

Javascriptfunction：

  $("#accordion").accordion({ active: 0 }); $('.ui-accordion-content').css('height', 'auto'); 

Answer 3

为了让您的代码完美运行，您应该按如下方式修改您的html

 
 
Item 1
 
Item 1 content
 
NEXT
 
 
Item 2
 
Item 2 content