jQuery UI Accordion – 如何完整地删除样式？

我喜欢jQuery手风琴的function（http://jqueryui.com/demos/accordion/）但是我不喜欢这种风格！

我想摆脱所有款式，img，边框，颜色等……

我没有看到这个选项，这是他们应该添加的东西。 或者我错了？

Answer 1

你可以自己制作手风琴。 在没有UI的情况下使用jQuery手风琴毫无意义。 创建适合您网站的自己的手风琴很容易。 你只需要修改你想要构建它的方式……让我们说：

 First link 
 SOME CONTENT HERE 
 Second link 
 SOME CONTENT HERE 
 ...  

然后，你只需要制作类似的东西

 //On click any  within the container $('#container a').click(function(e) { //Close all 
 but the 
 right after the clicked  $(e.target).next('div').siblings('div').slideUp(); //Toggle open/close on the 
 after the , opening it if not open. $(e.target).next('div').slideToggle(); }); 

您现在可以根据需要编辑您的类，因为您实际上不需要它们用于JavaScript。 请注意，类’content’可以包含您想要的任何内容，包括，其他或因为.siblings和.next仅适用于同一层次结构。

Answer 2

如果你对ui-theme（像我一样）不感兴趣，那么不要包含主题css文件

Answer 3

我需要（想要）做同样的事情。 在我的情况下，我想删除默认css为accordion-content提供的额外填充，如下所示：

 .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; } 

在我的 CSS中我简单地添加了这个：

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

这成功设置（覆盖）只是填充。

抢

Answer 4

自从你在2010年写完以来，我猜你已经解决了这个问题。顺便说一句，现在可以在官方的jqueryUI网站上，在下载主题之前，通过控制面板避免每个ui小部件的样式。

http://jqueryui.com/themeroller/

如果是Accordion，只需“取消选中”复选框按钮’Accordion’并下载生成的文件。

现在回答已经很晚了，但我认为这可能很有用……以防万一:)

Answer 5

你通常不会通过js这样做，为什么这是没有选择。 你重写css。 查看基本css文件并搜索.ui-accordian ..还有一些样式作用于你需要覆盖的一些geenral .ui-widget类。 我通常在Firebug中加载它并看看应用的是什么，所以我知道我需要覆盖的所有东西，以给它我的外观和感觉。

Answer 6

忘记所有的诡计，重写或其他痛苦。

您只需在下载主题时提供css范围，例如：.jquerythemeon

然后把课程放到你想成为主题的所有元素上

编辑：我今天得到了一些带有范围的bug，在structure.min.css中，范围总是用“jquerythemeon”而不是“.jquerythemeon”生成。 要解决它，只需更换所有出现

Answer 7

要删除默认样式，请使用clearStyle选项：

  $( ".selector" ).accordion({ clearStyle: true });