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

Posted 2023-03-06

【中文标题】Jquery Accordion 小部件 - 删除图标和填充

【英文标题】：Jquery Accordion widget - remove the icon and padding

【发布时间】：2011-03-11 11:57:58

【问题描述】：

我是 jquery 的新手，我正在尝试找出是否可以在手风琴内容中创建没有箭头图标且根本没有填充的简单手风琴。

我想使用整个内容空间，似乎 jquery 手风琴小部件会自动创建一些填充作为箭头图标的宽度。

谢谢！ 利奥

【参考方案1】：

删除你最好使用的图标

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

【讨论】：

我必须这样做：$(document).ready(function () $("#leftmenu_0_accordion").accordion( icons: false ); );

我没有看到这个答案，直到我已经对上面的答案投了赞成票。恕我直言，这是更正确的解决方案。

与其添加它们以使用 css 隐藏它们，不如这样做而不是首先添加它们。干得好。

【参考方案2】：

你需要做的就是添加你自己的 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; 

【讨论】：

完美！，屏幕不动产被收回（填充：0）；如果您使用手风琴进行导航，这是必不可少的。

【参考方案3】：

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

为我工作