Witam! Mam mały problem nie wiem jak zrobić żeby po najechaniu na #menu nic nie robiło. (jestem początkującym w jq)

[HTML] pobierz, plaintext 
   	 $('div').hover(function() { 
         id = $(this).attr('id');
         menu = $('#menu').toggleClass('hidden');
         $('#'+id).append(menu);
         });
[HTML] pobierz, plaintext 

Zasada działania jest następująca: po najechaniu na jakiś div zapisuje jego id to zmiennej id. Jak najedzie się myszką np. na div o nazwie abc to przez fn. append doda element do diva abc itp. Problem polega na tym, że jeżeli się najedzie myszą najpierw na diva abc a później na element dodany w tym przypadku menu to dodany element znika i się "blokuje" nie wyświetli go/ trzeba odświeżyć stronę. Długo myślałem na tym i doszedłem do wnioski że po najechaniu na menu próbuje dodać element do menu. Jak zrobić żeby po najechaniu na menu nie zachodziła żadna akcja. Może postawić warunek do $('!warunek!').hover(function() że wszystkie divy oprócz menu były akceptowane? Czy z tablicy wybrać wszystkie divy.

Pomysł z id mnie trochę rozbawił :


Co do problemu to z tego co zrozumiałem: http://api.jquery.com/attribute-not-equal-selector/

Zrobiłem tak jak radziłeś i pomogło ale mam jeszcze taki drobny problem. Jak najade na element "menu" to przy każdym przeciągnięciu myszy element "menu" mryga.

Problem rozwiązany, trochę na około ale działa

[HTML] pobierz, plaintext 
 
        $('#menu').hide();
        $('div').hover(function() { 
        	menu = $('#menu').show();
        	$(this).not(':#menu')
        	.append(menu)
        	.mouseleave(function() { 
        		$('#menu').hide();
        	});
        });
[HTML] pobierz, plaintext