jquery - 在 jquery 手风琴中添加图标

Question

我正在使用docs.jquery.com/UI/Accordion并且效果很好，但是我似乎无法弄清楚如何将图标添加到手风琴的标题中。

我只需要添加图标，我不想为整个手风琴设置样式。有谁知道怎么做？谢谢。

Answer 1

您可以将它作为图像或作为 span 标签的背景添加到 H3 标签内的 html 中。

或者，您可以通过样式表将其作为背景添加到 H3 标记。

这可能是两个最简单的选择。

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

当 H3 打开时（即它是活动的 H3），它会获得不同的类，因此您可以使用它来显示不同的图标。

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