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

lio*_*rix 22 jquery icons accordion padding

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

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

谢谢!利奥尔

Ren*_*ama 47

删除你最好使用的图标

$( "#accordion" ).accordion({
    icons: false
});
Run Code Online (Sandbox Code Playgroud)

  • 直到我已经对上面的那个进行了投票,我才看到这个答案.恕我直言,这是更正确的解决方案. (2认同)

Mot*_*tie 29

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

#accordion .ui-icon { display: none; }
#accordion .ui-accordion-header a { padding-left: 0; }
Run Code Online (Sandbox Code Playgroud)

如果accordion是您在哪里调用该函数的ID(请参阅演示)

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

#accordion .ui-accordion-content { padding: 0; }
Run Code Online (Sandbox Code Playgroud)