在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
}