如何排队两个功能

Question

一个初学者的问题 - 我该如何使淡入只在slideDown完成后才能玩？

$(document).ready(function(){ 

      $(".clickme").click(function() { 

       $(".content").slideDown(); 
       $(".hi").fadeIn();  

      }); 

     }); 

我尝试过使用函数内部的函数和队列，但它没有工作，或者我的语法错误。

谢谢！

Answer 1

slideDown函数在其参数中带有“完整”函数，您可以在完成向下滑动时调用淡入。

下应该做的伎俩..

 $(document).ready(function() { 
     $(".clickme").click(function() { 

      $(".content").slideDown(function() { 
       $(".hi").fadeIn(); 
      }); 

     }); 
     }); 

Answer 2

只需添加fadeIn到slideDown像这样

$(".content").slideDown(function() { 
 
    $(".hi").fadeIn(); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class='content' hidden> 
 
    THIS CONTAINS CONTENT 
 
</div> 
 
<div class='hi' hidden> 
 
    HELLO WORLD 
 
</div>