jquery - jQuery：当 .animate.slideUp 完成时

Question

在动画和上滑完成后，我需要执行一些操作（比如说警报）。使用我当前的方法，在动画和上滑之后触发警报。

这就是我使用的代码：

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

顺便说一句 - 有没有比我上面做的方法更好的方法来将宽度设置回原来的 1px 并“撤消”slideDown？

谢谢！

Answer 1

对动画函数也使用回调：

现场演示：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/

Answer 2

$(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);

    });

});

演示