Jquery Accordion小部件 - 删除图标和填充

时间:2010-07-03 19:23:56

标签: jquery icons accordion padding

我是jquery的新手,我试图找出是否有可能在没有箭头图标的情况下创建简单的手风琴而且手风琴内容中没有填充。

我想使用整个内容空间,似乎jquery accordion widget会自动创建一些填充作为箭头图标的宽度。

谢谢! 利奥尔

3 个答案:

答案 0 :(得分:47)

删除您最好使用的图标

$( "#accordion" ).accordion({
    icons: false
});

答案 1 :(得分:29)

您需要做的就是添加自己的CSS以删除图标和填充,或者使用以下内容覆盖默认CSS:

#accordion .ui-icon { display: none; }
#accordion .ui-accordion-header a { padding-left: 0; }

如果accordion是您调用该函数的ID(请参阅demo

哦,如果你想删除内容填充,请使用这个CSS:

#accordion .ui-accordion-content { padding: 0; }

答案 2 :(得分:1)

$("#accordion").accordion({
     icons: null
});

为我工作