дек
20
2015

Изучаем jQuery. Функции callback

Многие эффекты (включая выдвигание и изменение прозрачности) поддерживают специальный параметр, называемый функцией callback. Такие функции представляют собой код, который выполняется после того, как эффект полностью завершится. В нашем случае функция callback выполняется после того, как элемент закончит выдвигаться.

Кнопка скроется после того, как элемент выедет вниз.

Nuclear explosion

index.html
...
<p class="spoiler">
    <img src="pic-1.jpg">
</p>
...
script.js
$(document).ready(function(){
  $('.spoiler').hide();
  $('<input type="button" class="#toggleButton" value="Показать"/>')
 .insertAfter('p:first');

  $('#toggleButton').click(function(){
    $('.spoiler').slideDown('slow', function(){
      $('#toggleButton').slideUp();
    });
  });
});