jQuery problem z "aktywacją" mouseover Opcje

[jakobkow]

Witam wszystkich forumowiczów.
Mój pierwszy post dotyczy nastepującego problemu.

Napisałem następujący kod

[HTML] pobierz, plaintext 
$("#menu_element").mouseover(function() {
	$(this).stop(true,false).animate({ backgroundColor: "#999999", color: "#000000"}, 500);
});	
 
$("#menu_element").mouseleave(function() {
	$(this).stop(true,false).animate({ backgroundColor: "#000000", color: "#cccccc" }, 200);
});
[HTML] pobierz, plaintext 

który jak widzicie powoduje płynne podświetlanie elementów menu. Kod działa poprawnie ale problem polega na tym, że bezpośrednio po
"załadowaniu" strony (kiedy pierwszy raz najadę kursorem myszy na element menu) kod się nie wykonuje (tak jakby nie istniał). Dopiero ponowne najechanie kursorem
na dany element menu powoduje poprawne podświetlenie lub wygaszenie tego elementu. Problem dotyczy wszystkich elementów menu (jeśli jest ich 20 to muszę na każdy z osobna najechać myszą aby ściemnianie i rozjaśnianie zadziałało poprawnie).
Czy ktoś z Was ma pomysł co może być przyczyną tego problemu? Jeśli tak to proszę o jakieś wskazówki bo ja jQuery używam dopiero od 2 dni.

Ten post edytował jakobkow 7.06.2012, 21:02:10