打开带有链接的jQuery折叠面板(在accordion之外)

Question

对jQuery来说还是个新手！

我有一个用jQuery UI 1.10.1构建的手风琴。这是非常基本的；第一个项目默认显示，其他项目在点击前都是隐藏的。我想使用存在于jQuery折叠面板上方的链接在单击时打开某个折叠面板。它看起来像这样：

Link1 Link2 Link3

折叠头部1

手风琴content 1显示

折叠标题2

折叠内容2隐藏

折叠式Header 3

折叠内容3隐藏

..so当你点击"Link2“时，它会隐藏折叠内容1而显示折叠内容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将打开下一个，依此类推。