Как поставить в очередь две функции

Question

Вопрос для начинающих - как мне сделать fadeIn играть только после того, как 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>