微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

jQuery UI手风琴 – 如何完全删除样式?

我喜欢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.请注意,类“内容”可以包含任何您想要的内容,包括其他或由于.siblings和.next仅适用于同一层次结构.

原文地址:https://www.jb51.cc/jquery/180437.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐