Анимационный jQuery скрывает и показывает

Обновлено: это решение было обновлено после следующего вопроса в комментариях.

Вы должны использовать метод обратного вызова методов отображения / скрытия.

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

  /* Hide First Div */
  $("#div1").hide("slow", function(){
    /* Replace First Div */
    $(this).replaceWith("<div>New Div!</div>");
  });

  /* Hide Second Div */
  $("#div2").hide("slow", function(){
    /* Replace Second Div */
    $(this).replaceWith("<div>New Div!</div>");
  });

  /* If you wanted to sequence these events, and only
     hide/replace the second once the first has finished,
     you would take the second hide/replace code-block 
     and run it within the callback method of the first
     hide/replace codeblock. */

});

Метод обратного вызова является вторым параметром функций .show / .hide. Он запускается при завершении метода .show / .hide. Следовательно, вы можете закрыть / открыть свой ящик и сразу после этого запустить событие в методе обратного вызова.

Метод скрытия завершен. Следовательно, вы можете закрыть / открыть свой ящик и сразу после этого запустить событие в методе обратного вызова.

Метод скрытия завершен. Следовательно, вы можете закрыть / открыть свой ящик и сразу после этого запустить событие в методе обратного вызова.