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

2024-01-06

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

我想摆脱所有的样式、img、边框、颜色等......

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


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

<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 仅适用于同一层次结构。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

jQuery UI Accordion - 如何完全删除样式? 的相关文章

随机推荐