jquery accordion关闭点击第一个 Headers 并打开第二个 Headers ，反之亦然-Java 学习之路

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

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

Trigger jquery accordion menu by an event?

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

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/

1 回答

1

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

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

See the updated jsFiddle

回复于 2024-05-14T14:55:35+08:00

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

1 回答

相关问题