1

我对 JQuery 很陌生。有一个关于 Jquery 手风琴的问题。是否可以（有 2 个面板）关闭第一个面板并通过单击第一个面板的标题然后再次单击（在相同的第一个标题上）关闭第二个面板并打开第一个面板来自动打开第二个面板？

我在 Doug Neiner 的回答中发现了类似的东西：

通过事件触发jquery手风琴菜单？

但在我的情况下似乎不起作用。（但我在按钮上检查了它，它很好）。这是更改过的代码，但是当我在关闭时单击第一个面板标题时，第一个面板打开并立即关闭：

查询

$("#first_panel").click(function(e){
  e.preventDefault();
  var acc   = $("#myaccordion"),
      index = acc.accordion('option','active'),
      total = 2 ,
      nxt   = index + 1;

  if (nxt >= total) {
  nxt = 0; // Loop around to the first item
  }

  acc.accordion('activate', nxt);
})

HTML

<div id="myaccordion">

  <h3 id="first_panel">FIRST PANEL</h3>
<div>
 Text...
</div>

  <h3 id="second_panel">SECOND PANEL</h3>
<div>
 More text...
</div>

</div>

有人有什么想法吗？

http://jsfiddle.net/isherwood/Mn2L4/

4

1 回答 1

1

您需要防止手风琴的默认事件

$("#myaccordion").accordion({event: false});

查看更新的 jsFiddle

于 2013-07-17T18:32:03.143 回答