在jquery手風琴中添加圖標

Question

我使用的是docs.jquery.com/UI/Accordion，效果很好，但我似乎無法弄清楚如何將圖標添加到手風琴的標題中。

我只需要添加圖標，我不想風格整個手風琴。任何人都知道？謝謝。

Answer 1

您可以將它添加到H3標籤內的html中作爲圖像或作爲span標籤的背景。

或者，您可以通過樣式表將它添加爲H3標籤的背景。

這可能是兩個最簡單的選項。

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

當H3是開放的（即它的活躍H3）它得到一個不同的類，所以你可以用它來顯示不同的圖標。

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