スライドアップ終了後のスライドダウン

次のコードがあります。私はSlideDown div2にしようとしていますが、div1がSlideUpで終了した後で、どうすればいいですか？スライドアップ終了後のスライドダウン

<!DOCTYPE html> 
<html> 
    <body> 
     <h1>slideDown()</h1> 
     <input type="button" id="btn" value="slideDown"> 
     <div id="d1" style="background:red;width:100px;height:100px">This is the Div</div> 
     <div id="d2" style="background:blue;width:100px;height:100px;display:none">This is the Div</div> 
     <script src="js/jquery-2.2.0.min.js"></script> 
     <script> 
      $(document).ready(function() 
      { 
       $("#btn").click(function() 
       { 
        $("#d1").slideUp(2000); 
        $("#d2").hide();          
        // do it only after slideup has ended          
        $("#d1").hide(); 
        $("#d2").slideDown(2000); 
       }); 
      }); 
     </script> 
    </body> 
</html>

出典

2017-01-05 ehh

変更スクリプトタグslideUp &の詳細参照用

 <script> 
    $(document).ready(function() 
{ 

     $("#btn").click(function() 
     { 
     $("#d1").slideUp(2000,function(){ 
       $("#d1").hide(); 
       $("#d2").slideDown(2000); 
     });      
     }); 

    }); 
    </script>

にslideDownイベントはthis

出典

2017-01-05 12:43:25 SoftwareNerd

スライドアップをコールバックすることができます。ここで

$("#d1").slideUp(2000, function(){ $("#d2").slideDown(2000); });

Fiddle

出典

2017-01-05 12:30:20 Roy

がhttp://api.jquery.com参照してください参照してください。詳細については/ slideup /を参照してください。 –

スライドアップ終了後のスライドダウン

答えて

関連する問題