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

【问题标题】：Open jQuery accordion panel with link (outside of acccordion)打开带有链接的 jQuery 手风琴面板（手风琴外）
【发布时间】：2013-02-06 03:32:58
【问题描述】：

jQuery 还是新手！

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

链接1 链接2 链接3

|手风琴标题 1 |

|手风琴内容1显示|

|手风琴标题 2 |

|手风琴内容 2 隐藏 |

|手风琴标题 3 |

|手风琴内容 3 隐藏 |

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

我已经搜索了该网站，但似乎没有一个合适的答案。

谢谢

【问题讨论】：

请在 jsFiddle.net 上做一个 HTML 演示

标签： jquery accordion

【解决方案1】：

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

但本质上：

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

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

Demo here

【讨论】：

【解决方案2】：

截至 2018 年 7 月 1 日，如果您遇到这种情况，您可以这样做：

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

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

【讨论】：