2012-09-11 81 views
3

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

我只需要添加图标,我不想风格整个手风琴。任何人都知道?谢谢。

+0

你想让你的图标替换现有的三角形图标吗?或者你想在其他地方添加吗? – Scrimothy

+0

@Scrimothy根本没有图标。请注意,我的代码就像这个'$(“#accordion”)。accordion();',我想我的问题更像是我需要从jQuery UI中放置默认图标。 – IMB

回答

4

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

或者,您可以通过样式表将它添加为H3标签的背景。

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

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

当H3是开放的(即它的活跃H3)它得到一个不同的类,所以你可以用它来显示不同的图标。

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

谢谢。开/关手风琴时,你如何改变图标? – IMB

+0

@IMB - 我已经更新了如何做到这一点的答案。 –

+0

作品像一个魅力,谢谢! – IMB