jquery - 打开带有链接的 jQuery 手风琴面板（手风琴外）

Question

还是 jQuery 的新手！

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

链接1 链接2 链接3

| 手风琴标题 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();
});

演示在这里

Answer 2

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

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

将 0 替换为选项卡的索引。0 将打开第一个，1 将打开下一个，依此类推。