Question

我正在阅读slidetoggle的文档，我可以看到有一个启动事件的事件：http://api.jquery.com/slidetoggle/ - 但我似乎无法找到使用它的方法。对此事有任何帮助吗？

非常感谢！

Answer 1

非常感谢你的帮助。

正确的方法是：

$('div').slideToggle({
   duration: 800,
   start: function(){
      console.log('start anim')
   },
   done: function() {
      console.log('end anim')
   }
})

致谢@A。沃尔夫

Answer 2

这是使用def objects ... respond_to do |format| format.html { render "users/show_objects" } format.js { STUFF } end end

的示例

slide toggle

<强>解释

实际上<html> <head></head> <title></title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <style> div#mydiv { width: 400px; height: 400px; background-color: orange; display: none; } </style> <body> <h3>This is how slideToggle works</h3> <button id="mybutton">SlideDown OR SlideUp</button> <div id='mydiv'></div> <script type="text/javascript"> $("#mybutton").click(function(){ $("#mydiv").slideToggle(1000); }); </script> </body> </html>所做的是它同时兼顾slideToggle和slideUp。如果slideDown或任何其他div处于element模式，则会slideUp，如果slidDown处于div模式，则会slideDown slideUp。基本上如果你不使用这个slideToggle，你必须给slideUp和slideDown写两个函数，或者你必须使用callback函数来做它。所以这样做这些类型的东西很容易做我们。

希望这会对你有所帮助。

如何处理SlideToggle的开始事件？

2 个答案: