2013-02-20 83 views
1

對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

回答

1

你也許可以使用不同的方法爲按鈕鏈接到包頭段,我只是使用的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