停止動畫後更改css屬性

Question

我想在動畫完成後更改文本顏色。

我試試這個：

http://jsfiddle.net/WvAaK/2/

但不工作！ ：/

var menuState="closed"; 
$("#MENU").click(function() { 
if (menuState=="closed") { 
$("#SOUSMENU").animate({height: "300px"}, 1000); 
menuState="open"; 
} else if (menuState=="open"){ 
$("#SOUSMENU").animate({height: "0px"}, 1000); 
menuState="closed";}}); 
$("#MENU").click(function() { 
if (menuState=="open") { 
    $("h1").css('color','red'); 
} else if (menuState=="closed"){ 
$("h1").css('color','black'); 
    menuState="closed"; } 
}); 

感謝您的寶貴幫助！

Answer 1

使用.animate

var menuState="closed"; 
$("#MENU").click(function() { 
    if (menuState=="closed") { 
     $("#SOUSMENU").animate({height: "300px"}, 1000, function() { 
      $("h1").css('color','red');  
     }); 
     menuState="open"; 
    } else if (menuState=="open"){ 
     $("#SOUSMENU").animate({height: "0px"}, 1000, function() { 
      $("h1").css('color','black'); 
     }); 
     menuState="closed"; 
    } 
}); 

演示的回調：http://jsfiddle.net/WvAaK/3/