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

Question

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

当我点击两个或三个手风琴的一个点时它也应该工作，其他两个手风琴同时也是这样。

我在考虑触发器（），但不知道究竟要触发什么事件。

希望有人可以提供帮助！

谢谢，我很感激！

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显示三支手风琴。第一个是独立的。第二个控制第三个，但第三个可以改变而不影响其他两个。