用链接打开jQuery手风琴面板(在acccordion之外)

还是jQuery的新手!

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

Link1 Link2 Link3

| 手风琴标题1 |

| 手风琴内容1显示|

| 手风琴标题2 |

| 手风琴内容2隐藏|

| 手风琴标题3 |

| 手风琴内容3隐藏|

..当你点击“Link2”时,它会隐藏Accordion内容1并显示Accordion内容2。

我搜索过网站,但没有一个答案看起来合适。

谢谢

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

但基本上:

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

在这里演示

自2018年7月1日起,如果遇到这种情况,您可以:

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

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