jquery - 特定の jQuery アコーディオン UI へのリンク

Question

私はjQueryアコーディオンUIを使用しています - http://jqueryui.com/demos/accordion/ ...フッターの特定のアコーディオンにリンクして、リンクが特定のページに移動し、開くようにします特定のアコーディオン。

プラグインでは、ヘッダーはリンクなので、name="contact" を追加してから、/ pagename #contact にリンクしましたが、アコーディオンが開かないため、無意味になります。

私に何ができる？ありがとうございました

Answer 1

<a href="#contact">リンク先のアコーディオン項目のコンテンツのヘッダーを作成することになっていると確信しています。

また、次のようにアコーディオンをセットアップする必要があります。.accordion({ navigation:true })

編集: http://jsfiddle.net/M5JQn/

Answer 2

から: http://jqueryui.com/demos/accordion/#method-activate

.accordion( "アクティブ化" , インデックス )

アコーディオンのコンテンツ部分をプログラムでアクティブ化します。インデックスは、閉じるヘッダーの位置に一致するゼロのインデックス番号、または要素に一致するセレクターにすることができます。

false を渡してすべてを閉じます (collapsible:true でのみ可能)。

フッターのリンクをクリックすると: onclick" open the page; $('accname').accordion('activate',2)"

更新:アクティブ化は毎回クリックのようなもので、常に開くとは限らないため、最初に状態を取得する必要があるため、次を使用します: if($('#accordion').accordion('option', 'active')! =1) {$('#accordionp').accordion('option', 'active', 1);} これにより、アクセスするたびに開いていることが保証されます。

Answer 3

以下で言ったことは忘れてください。jquery ui以外の一般的なアプローチです。「Joe Flateau」が言及したように、より良い方法があり、これはその良い例です。

---

ドキュメントにこのようなものがあります。それはあなたが必要とするものですか？$( ".selector" ).accordion({ アクティブ: 2 });

次のような配列を定義できます。

var pages=new Array(); 
pages['main']=1;
pages['contact']=2;
pages['help']=3;
//and whatsoever

次に、URL ハッシュからの情報を使用してそのページを開くことができます。

var hash = window.location.hash
$( ".selector" ).accordion({ active: pages[hash] });