0

祝大家好日子，

我正在使用这个插件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>
4

1 回答 1

1

从文档

选项

使用 JavaScript 初始化插件时，您可以传递以下选项。

show (function) : 显示内容的自定义函数 (默认: function(){ this.show() })

hide (function) : 隐藏内容的自定义函数 (默认: function(){ this.hide() })

手风琴（布尔）：通过将此选项设置为“真”来启用手风琴行为

persist (bool) : 通过将此选项设置为“true”来启用页面加载之间的持久性

所以你应该使用SOURCE

最后在阅读文件 2 -3 次后，她的 ei 是我所理解的。

如果您的 Container 具有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>

现场演示

于 2013-05-22T07:20:56.713 回答