JQuery Mouseenter() Problem

[The.Prophecy]

Hallo,

erstmal mein Code:

	<div id="tile3">
		<span id="content3">
			Kachel 3 ist die Nützliche.
		</span>
		<span id="hovercontent3">
			Sie zu klicken lohnt sich wirklich. 
		</span>
		<span class="lable">Kachel 3</span>
</div>

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.

 

[struppi]

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