Hab folgenden HTML Code, eine stinknormale Liste ( soll ein Menü sein) mit Unterpunkten:
Code:
<ul id="nav">
<li><a class="erste" href="">Home</a></li>
<li><a href="">Information</a>
<ul>
<li><a href="">Wer ist hypnotisierbar?</a></li>
<li><a href="">Geschichte der Hypnose</a></li>
</ul>
</li>
<li><a href="">Angebote</a></li>
<li><a href="">Workshops</a></li>
<li><a href="">Konditionen</a></li>
<li><a href="">Service</a>
<ul>
<li><a href="">Downloads</a></li>
<li><a href="">kostenlose Audio CD</a></li>
</ul>
</li>
<li><a href="">Kontakt</a></li>
<li><a href="">Forum</a></li>
</ul>
folgender jquery code versteckt die Untermenüpunkte (ist nicht unbedingt jquery dazu nötig, aber mal trotzdem zwecks übung):
Code:
$("#nav ul > li").hide();
jetzt will ich in jquery bei einem mouseover von den obermenüpunkten die untermenüpunkte wieder anzeigen lassen, also ein ganz normaler suckerfish nur mit jquery
google hat mir das ausgespuckt:
Code:
$("#nav li").hover(
function(){ $("ul", this).show("slow"); },
function() { }
);
funktioniert aber nich so wie es soll : / es bewegt sich nix.
hat jemand eine idee?