$.widget( "ui.accordion", {
version: "1.10.2",
options: {
active: 0,
animate: {},
collapsible: true,
event: "click",
header: "> li > :first-child,> :not(li):even",
heightStyle: "content",
icons: {
activeHeader: "ui-icon-triangle-1-s",
header: "ui-icon-triangle-1-e"
},
// callbacks
activate: null,
beforeActivate: null
},
ページが読み込まれたときに、アコーディオンに現在アクティブなページのパネルを自動的に開く方法があるかどうかを調べています。たとえば、誰かが私のアコーディオンのセクション 2 をクリックした場合、リンクが開いたときに、アコーディオンでそのセクションのパネルを自動的に展開するように設定できます。jQuery UI テーマと jQuery UI フィルターを組み合わせて、Drupal サイトでこれを構築しています。以下は、私のコードがどのように見えるかのサンプルです。
[accordion]
<h3>Section 1</h3>
<p><a href="/section1>Section 1 Info</a></p>
<h3>Section 2</h3>
<p><a href="/section2>Section 2 Info</a></p>
[/accordion]
助けや正しい方向への指摘は大歓迎です。