como ejecuto algo al finalizar una accion?

[usuaria]

Tengo el siguiente codigo:

Código:

		$(".mapaBtn").toggle(function(){
								$(".mapaBtn").addClass('mapaBtnDown');
								$(".mapaBtn").removeClass('mapaBtnUp');
								
							$(".mostrarMapa").animate({ 
									height: "320"
								}, 1500 );
						
						},function(){
								$(".mapaBtn").addClass('mapaBtnUp');
								$(".mapaBtn").removeClass('mapaBtnDown');
							
								$(".mostrarMapa").animate({ 
										height: "100px"
								}, 1500 );
						});

necesito que se ejecute algo cuando se termine la parte de .animate , es decir cuando ya mi div adquirio la altura de 320 o 100, como puedo hacer?

grx!

[gioramies]

Hola.

Debes llamar la función que deseas que se ejecute, justo después de $(".mostrarMapa").animate({height: "320"}, 1500 ); asi:

Código:

...
$(".mostrarMapa").animate({height: "320"}, 1500 );
nombreFuncion(); 
}, function(){...}
...

Espero poder haberte ayudado. Saludos.

[eall]

en la página de la documentación comenta que existe un parámetro que es una función que llama una vez que acaba la animación

http://docs.jquery.com/Effects/anima...easingcallback

Código javascript:

$(".mostrarMapa").animate({     height: "320"}, 1500, "", function(){//tu funcion} );
 

espero te ayude