Действие после окончания эффекта

Иногда может потребоваться выполнить действие после окончания эффекта. К примеру, по нажатию на кнопку блок должен плавно спрятаться и только после того, как он окончательно спрячется, нужно что-то вывести на экран.

Во всех методах по работе с анимацией и эффектами предусмотрен второй параметр, в него мы можем передать функцию, которая выполнится после окончания анимации:

<button id="hide">Спрятать</button>
<div id="elem">Блок с текстом.</div>

<script>
$('#hide').click(function() {
  $('#elem').hide(1000, function() {
    $('#hide').html('Спрятано');
  });
});
</script>