我想扩展
jquery手风琴的默认行为,并在内容面板中添加一个NEXT按钮.当用户点击内容面板中的NEXT按钮时,手风琴应该打开下一个项目.
我可以找到像这个$(this).parent().next()的下一个项目,但在触发实际操作时遇到问题.
<div id="accordion"> <h3><a href="#">Item 1</a></h3> <div>Item 1 content<br /> <div onclick="$(this).parent().next().show();">NEXT</div> </div> <h3><a href="#">Item 2</a></h3> <div>Item 2 content<br /> </div> </div>
解决方法
如果这是jQuery UI手风琴小部件,你应该使用它的内置方法.
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：
<div onclick="openNextAccordionPanel();">NEXT</div>
