jQuery UI1.9.0 Accordion：如何通过点击另一个来激活手风琴

Question

我希望有人可以帮助我：我有三个手风琴，我想做的是，如果例如手风琴 1 的第二个点被点击并打开，同时手风琴 2 和 3 的第二个点也应该打开。关闭时的程序相同。

当我点击手风琴二或三的一个点时，其他两个手风琴同时做同样的事情也应该起作用。

我在想trigger()，但不知道到底要在那里触发什么事件。

希望有人能帮忙！

谢谢，我很感激！

Answer 1

您可以挂接到主手风琴上的beforeActivate 事件，然后在另一个手风琴上设置active 选项。我找不到手风琴直接在 ui 参数中公开它的活动面板编号的任何地方，所以我不得不从 id 解析它。

$("#two").on( "accordionbeforeactivate", function( event, ui ) {
  var newPanelID = ui.newPanel.attr('id');
  var accordionActivePanel = parseInt(newPanelID.split("-").pop(), 10);
  $('#three').accordion("option", "active", accordionActivePanel);
});

This codepen 显示了三个手风琴。第一个是独立的。第二个控制第三个，但可以更改第三个而不影响其他两个。