Question

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

我在Doug Neiner的回答中找到了类似的东西：

Trigger jquery accordion menu by an event?

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

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/

Answer 1

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

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

See the updated jsFiddle

jquery accordion关闭点击第一个标题并打开第二个标题，反之亦然

1 个答案: