jquery - jQuery: .animate.slideUp が終了したとき

Question

アニメーションとスライドアップが終了した後、何か (アラートとしましょう) を実行する必要があります。私の現在の方法では、アニメーションの後とスライドアップの後にアラートが発生します。

それは私が使用するコードです：

$(this).siblings()
       .find("ul")
       .animate({width:'1px'}, 1)
       .slideUp(1, function(){
             alert("Handler for called.");
       });

ところで、幅を元の 1px に戻し、slideDown を「元に戻す」には、上記の方法よりも良い方法はありますか?

ありがとうございました！

Answer 1

$(document).ready(function () {
    $("#nav li:has(ul)").hover(function () {
        $(this).siblings().find("ul").stop(true, true).animate({
            width: '1px'
        }, 1).slideUp(1);
        $(this).find("ul").slideDown().animate({
            width: '300px'
        }, 350);

    });

});

デモ

Answer 2

animate 関数にもコールバックを使用します。

リビングデモ: http://jsfiddle.net/gawuQ/

 var myList = $(this).siblings().find("ul");

 myList.animate({
     width: '1px'
 }, 1, function () {
       myList.slideUp(1, function () {
         alert("Handler for called.");
     });
 });

リビングデモ: http://jsfiddle.net/gawuQ/