JQuery Mouseenter() Problem

Hallo,

erstmal mein Code:

[HTML]



Kachel 3 ist die Nützliche.


Sie zu klicken lohnt sich wirklich.

Kachel 3

[/HTML]

Und hier der JS-Ausschnitt:

	$('#tile3').mouseenter(function() {
	    $('#hovercontent3').fadeIn();
		$('#content3').fadeOut();
	  }).mouseout(function(){
	    $('#hovercontent3').fadeOut();
		$('#content3').fadeIn();
	  });

Das Problem ist nun, fährt man über eines der Span-Elemente wird das als mouseout() gewertet und der Hover-Effekt ist natürlich weg. Leider wird er auch nicht mehr initialisiert, wenn man vom Span direkt wieder über den Div fährt, man muss zuerst komplett raus und dann geht es wieder.

Gibt es eine Möglichkeit auch die unteren Elemente einzuschließen oder dafür zu sorgen, dass sie ignoriert werden?

Falls die Frage schonmal beantwortet wurde, habe ich nichts gefunden, ist auch irgendwie schwer dazu einen passenden Suchbegriff zu finden ^^

Danke im Voraus.

Wenn du schon mouseenter geunden hast, müßte dir auch .mouseleave() aufgefallen sein.