[JavaScript] Problem z metodą animacji animate() Opcje

[peja1990]

Witam,
mam pewien problem z animacją.
Pozwolę sobie od razu przedstawić kod prościutkiej funkcji:

[PHP] pobierz, plaintext 
function showOptions(e = "div", status = "expand" height = 100) {
	// Ustalam wysokość diva
	if(!height || height == 0) {
		return $(e).children('.options').height();
	}
	if(status == "expand") {
		$(e).children('.options').css('height', '0px').show().animate({
			height : '+=' + height // No i tutaj cały problem !
		});
	}
}
[PHP] pobierz, plaintext 

Problem polega na tym, że gdy kilkukrotnie wykonam szybko funkcję (mouseover / mouseout) to wysokość czyli zmienna 'height' zaczyna się powiększać czego nie chcę i w tym cały mój problem...
Wiadomo, że mój problem rozwiązałaby zmiana metody animacji np. na show() ale zależy mi by zostać przy zastosowanej metodzie dlatego proszę Was o pomoc.
Macie jakieś pomysły ?
Z góry bardzo dziękuję.

---
Serdecznie pozdrawiam

[lobopol]

W jquery masz coś takiego jak .stop co blokuje animacje, na mouse in blokujesz animacje i odpalasz nową, na zejściu blokujesz animacje i odpalasz nową. http://api.jquery.com/stop/

[peja1990]

W jquery masz coś takiego jak .stop co blokuje animacje, na mouse in blokujesz animacje i odpalasz nową, na zejściu blokujesz animacje i odpalasz nową. http://api.jquery.com/stop/

A jak byś zastosował tę metodę do tego kodu ?
http://jsfiddle.net/fvzFg/4/

Ten post edytował peja1990 27.04.2012, 21:26:29