jQuery UI Accordion - 如何完全删除样式？

Question

我喜欢 jQuery Accordion (http://jqueryui.com/demos/accordion/) 的功能，但我不想要这种风格!!

我想删除所有样式、img、边框、颜色等...

我没有看到这个选项，这是他们应该添加的内容。还是我误会了？

Answer 1

你可以制作自己的 Accordion 。在没有 UI 的情况下使用 jQuery Accordion 是没有意义的。创建适合您网站的您自己的 Accordion 很容易。您只需要修复您想要的构建方式...比方说:

<div id='container'>
  <a href='javascript:;'>First link</a>
  <div class='content'>  SOME CONTENT HERE </div>
  <a href='javascript:;'>Second link</a>
  <div class='content'>  SOME CONTENT HERE </div>
  ...
</div>

然后，你只需要做类似的事情

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

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