用链接打开jQuery手风琴面板（手风琴之外）

Question

还是jQuery的新手！

我的手风琴是用jQuery UI 1.10.1构建的。这很基本;默认情况下显示第一个项目，其他项目在被点击之前一直处于隐藏状态。我想使用jQuery手风琴上面的链接来点击时打开某个手风琴面板。它看起来像这样：

Link1 Link2 Link3

|手风琴标题1 |

|手风琴内容1显示|

|手风琴标题2 |

|手风琴内容2隐藏|

|手风琴标题3 |

|手风琴内容3隐藏|

..这样当您点击“Link2”时，它会隐藏Accordion内容1并显示Accordion内容2。

我搜索了网站，但没有一个答案是合适的。

由于

Answer 1

您可以使用不同的方法将按钮链接到标题部分，我只使用按钮中的id。

但基本上是：

$( "#accordion" ).accordion();

$('.section-button').on('click', function(){
  var header = $('#accordion').find('.' + this.id);
  header.click();
});

Demo here

Answer 2

自2018年7月1日起，如果遇到此问题，您可以执行以下操作：

$('#accordion').accordion({active:0})

将0替换为选项卡的索引。 0将打开第一个，然后1打开下一个，等等。