2

jQueryはまだ新しいです！

jQueryUI1.10.1で構築されたアコーディオンがあります。それはかなり基本的です。最初のアイテムはデフォルトで表示され、他のアイテムはクリックされるまで非表示になります。jQueryアコーディオンの上にあるリンクを使用して、クリックしたときに特定のアコーディオンパネルを開きたいのですが。これは次のようになります。

Link1 Link2 Link3

| アコーディオンヘッダー1|

| アコーディオンコンテンツ1表示|

| アコーディオンヘッダー2|

| アコーディオンコンテンツ2非表示|

| アコーディオンヘッダー3|

| アコーディオンコンテンツ3非表示|

..「Link2」をクリックすると、アコーディオンコンテンツ1が非表示になり、アコーディオンコンテンツ2が表示されます。

私はそのサイトを検索しましたが、どれも適切ではないようでした。

ありがとう

4

2 に答える 2

1

ボタンをヘッダー セクションにリンクするには、おそらく別の方法を使用できます。ボタンの ID を使用しただけです。

しかし本質的に：

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

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

デモはこちら

于 2013-02-20T23:37:21.787 に答える