kleines jQuery Problem

Dragonate

Erfahrenes Mitglied
Hi, ich arbeite mit jQuery, und habe auf meiner ersten Seite auch schon ein paar coole Sachen zum laufen gekrigt, doch in diesem Fall scheitert es schon an der Ansprache der Elemente.

Ich möchte beim Hovern der Links das entsprechende Sub_Menu sichtbar machen. Hier erstmal der Code:

HTML-Part:
Code:
<div id="banner">
	
	<ul id="navi"> 
			
		<li> <a href="#" style="width:175px;">&nbsp;</a> </li> 
		<li> <a href="#">Home</a> </li> 
		<li> <a href="#">Pferde</a> 
			<ul id="pferde" class="sub_menu">
				<li><a href="#">Pferd 1</a></li>
				<li><a href="#">Pferd 2</a></li>
			</ul>
		</li>			
		<li> <a href="#">Zucht</a> 
			<ul id="zucht" class="sub_menu">
				<li><a href="#">Auszeichnungen</a></li>
				<li><a href="#">Pflege</a></li>
			</ul>
		</li> 
			
		<li> <a href="#">Kontakt</a> 
			<ul id ="kontakt" class="sub_menu">
				<li><a href="#">Anfahrt</a></li>
				<li><a href="#">Kontaktformular</a></li>
			</ul>
		</li> 			
		
	</ul> 
											
</div>

jquery-part:
Code:
$(document).ready(function(){
	
	$(".sub_menu").hide();
	$("#navi li a").hovor(function () {
		
		$(".sub_menu").show();

	});
		      
});

Mir ist klar das sich so beim hovern alle Unterlisten zeigen würden, aber auch das geht nicht. Der "hide" Part funktioniert, unterlisten werden versteckt, aber die Hover Funktion geht nicht, tut sich garnix, und ich habe als $Selectoren schon viele Sachen ausprobiert. Hilfe Bitte.
 

Neue Beiträge

Zurück