Witam.
Robię sobie rozwijane menu za pomocą jQuery, a konkretnie funkcji slideToggle(). Podgląd na żywo dostępny jest tutaj:
http://tomek.rychtyk.pl/workshop/afryka/product.html - chodzi o ten zielony button 'Wybierz opakowanie'.
Niby wszystko wygląda ok - po najechaniu kursorem ładnie rozwija się menu z gramaturami, po "zdjęciu" kursora, menu się zwija. Problem w tym, że jQuery kolejkuje te "najechania" myszką i przez to, jeśli szybko przewinę kursorem w dół i w górę (w obrębie przycisku oczywiście) to owe menu będzie się wysuwać i wsuwać i tak aż do wykonania wszystkich "najechań".
Inna rzecz: jak najadę na 'Wybierz opakowanie' a później szybko na którąś z gramatur (na tyle szybko by menu nie zdążyło się całe rozwinąć) to jest podobny problem do opisanego powyżej.

Kod JS:

[PHP] pobierz, plaintext 
	$(".pack").hover(function()
	{	
		$(".ribbon").slideToggle("slow");
		$(".grams-list li").each(function() { $(this).removeClass("glActive"); });
	});
[PHP] pobierz, plaintext 

Próbowałem dodać przed wywołaniem slideToggle: stop(true, true) - nie pomogło.
Próbowałem z $(".ribbon").clearQueue(); oraz $(".ribbon").dequeue() - też lipa.
Tzn. w przypadku dwóch ostatnich prób to "pomogło" o tyle, że nie kolejkowało najechań myszką na button, ale za to.. po jednej animacji w ogóle już nie reagowało na hover.
Aha, apropo animacji, to próbowałem też zastąpić slideToggle() funkcją animate() mniej więcej w ten sposób:

[PHP] pobierz, plaintext 
$(".ribbon").animate({height:"toggle", opacity:"toggle"}, "slow");
[PHP] pobierz, plaintext 

i efekt był ten sam :/

Mam już dość.
Spotkał się ktoś może z tym problemem i ma jakiś skuteczny lek na to?
Z góry dzięki

Pozdrawiam

Dla tego elementu dodaj sobie jakąś flagę typu 'inToggleAnimation' która przy wywołaniu toggle ustawiasz na "true". Po zakończeniu animacji na false. Dzięki temu sprawdzisz czy możesz po raz kolejny wywołać slideToggle.

P.s. Flage możesz zapisać używajać .data('klucz', 'wartosc') na elemencie.

[JAVASCRIPT] pobierz, plaintext 
$(".ribbon").not(":animated").slideToggle("slow");
[JAVASCRIPT] pobierz, plaintext 

To powinno załatwić sprawę.

Dzięki za odpowiedzi.

Batman: działa super, jeszcze raz dzięki