打开带有链接的jQuery手风琴面板(acccordion之外)

问题描述:

对jQuery仍然陌生!打开带有链接的jQuery手风琴面板(acccordion之外)

我有一个用jQuery UI 1.10.1构建的手风琴。这很基础。第一个项目默认显示,其他项目被隐藏直到点击。我想使用jQuery手风琴上方的链接在点击时打开某个手风琴面板。它看起来像这样:

Link1 Link2 Link3

|手风琴报头1 |

|手风琴内容1显示|

|手风琴标题2 |

|手风琴内容2隐藏|

|手风琴标题3 |

|手风琴内容3隐藏|

..所以,当你点击“链路2”,它隐藏了手风琴内容1,显示手风琴内容2.

我搜索网站,并没有一个答案似乎配件。

感谢

+0

请在jsFiddle.net – Sedz 2013-02-20 23:06:15

你也许可以使用不同的方法为按钮链接到包头段,我只是使用的ID从按钮。

但从本质:

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

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

Demo here

+0

欢呼丹尼斯你的HTML的演示,我已经更新了。 – 2013-02-20 23:42:12