SlideToggleの開始イベントを処理するにはどうすればよいですか？

私はslidetoggleのドキュメントを読んでいますが、開始イベントのイベントがあります：http://api.jquery.com/slidetoggle/ - しかし、私はこれを使用する方法を見つけることができないようです。この問題の手助けをしている人はいますか？SlideToggleの開始イベントを処理するにはどうすればよいですか？

非常に高く評価されました！

出典

2016-10-08 Perelan

オプションとして渡します：http://jsfiddle.net/y7f1ht8j/あなたが問題のコードを提供すると、今より簡単に手助けします –

説明に多くの感謝をします。うまくいった！ :) – Perelan

多くのご協力ありがとうございます。

これを行うための正しい方法は次のとおりです。

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

クレジット@A。 Wolff

出典

2016-10-08 13:58:05 Perelan

これは説明

が実際slideToggleが何それは一緒にslideUpとslideDown両方を行いある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 
 
{ 
 
\t width: 400px; 
 
\t height: 400px; 
 
\t background-color: orange; 
 
\t 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(){ 
 
\t $("#mydiv").slideToggle(1000); 
 
}); 
 

 

 

 

 

 
</script> 
 
</body> 
 

 
</html>

を用いた例です。 divまたはその他のelementがslideUpモードの場合はslidDown、そうでない場合はdivがslideDownモードの場合はslideUpになります。基本的にこのslideToggleを使用しない場合は、slideUpとslideDownに2つの関数を記述するか、callback関数を使用して関数を作成する必要があります。これにより、これらの型の処理が簡単になります。

これがあなたに役立つことを願っています。

出典

2016-10-08 13:51:59

返信ありがとう、私の質問はどのようにslidetoggle（上のA.ウォルフによって答えられた）の開始イベントを処理するかに関するものでした。 :) – Perelan

あなたはevnetを始めることによって何を意味するのですか？ –

startイベントの意味は、slideToggleイベントが発生したときです（つまり、アニメーションが開始されると意味します）。 – Perelan

SlideToggleの開始イベントを処理するにはどうすればよいですか？

答えて

関連する問題