Изменение свойства 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/