jquery折叠:如何更改样式和更改时间打开/关闭功能

5jvtdoz2  于 2022-11-22  发布在  jQuery
关注(0)|答案(1)|浏览(150)

大家好,
我正在使用这个插件http://webcloud.se/jQuery-Collapse/添加到我的网站上。现在我已经尝试改变标题的风格。。但它似乎不能被覆盖,我指的是文本。和关于jquery函数。。打开工作正常,但关闭不会尊重给定的时间。如何解决这个问题?任何帮助将不胜感激!谢谢!

<div id="spot_collapse" style="margin:10px 10px;" data-collapse>
    <div style="color:#ccc">MAY</div>
    <div>
       <p>some text</p>
       <p>foo</p>
    </div>
</div>
<script>
   new jQueryCollapse($("#spot_collapse"), {
     open: function() {
     this.slideDown(200);
     },
     close: function() {
     this.slideUp(300);
     }
   });
</script>
46scxncf

46scxncf1#

从 文件
选项
使用 JavaScript 初始 化 插件 时 , 可以 传递 以下 选项 。
show (function) : Custom function for showing content (default: function(){ this.show() })
隐藏 ( 函数 ) :用于 隐藏 内容 的 自 定义 功能 ( 默认 值 :函数 ( ) {this . hide ( )} )
accordion ( 布尔 ) :通过 将 此 选项 设置 为 " true " 来 启用 折叠 行为
持久 化 ( 布尔 值 ) :通过 将 此 选项 设置 为 " true " , 启用 页面 加载 之间 的 持久 性
因此 您 应该 使用 * * SOURCE * *
最 后 , 在 看 了 2 - 3 遍 文件 后 , 她 的 eis 是 我 所 理解 的 。
如果 容器 具有 data-collapse 属性 , 则 将 应用 默认 的 collpase 。 对于 同一 容器 , 您 应该 使用 data-collapse 或 Javascript 代码 ... 而 不是 同时 使用 两者 。
下面 的 代码 按 预期 工作 。

<div id="spot_collapse" style="margin:10px 10px;">
    <div style="color:#ccc">MAY</div>
    <div>
       <p>some text</p>
       <p>foo</p>
    </div>
</div>
<script>
new jQueryCollapse($("#spot_collapse"), {
     open: function() {
         
        this.slideDown(200);
     },
     close: function() {
      
         this.slideUp(300);
     }
   });
</script>

中 的 每 一 个


相关问题