jquery - jquery アコーディオンにアイコンを追加する

Question

docs.jquery.com/UI/Accordionを使用していますが、うまく動作しますが、アコーディオンのヘッダーにアイコンを追加する方法がわかりません。

アイコンを追加するだけで、アコーディオン全体のスタイルを設定したくありません。誰でも方法を知っていますか？ありがとう。

Answer 1

H3タグ内のhtmlに画像として、またはスパンタグの背景として追加するだけです。

または、スタイルシートを介して H3 タグに背景として追加することもできます。

これはおそらく最も単純な 2 つのオプションです。

#accordion h3 {
    background: // image path etc here
}

H3 が開いている場合 (つまり、アクティブな H3 の場合)、別のクラスを取得するため、それを使用して別のアイコンを表示できます。

#accordion h3.ui-state-active {
    background: // different image path here
}