Jquery: Bei Moushover Element anzeigen lassen

davidos_no.1

Hallo! Wie bereits in der Überschrift geschrieben, möchte ich gerne ein Element (wird per display:none; ausgeblendet) bei Moushover wieder anzeigen lassen. Ich habe mir bisher folgenden Code erarbeitet, allerdings funktioniert er nicht wie gewünscht. Findet jemand den Fehler und kann mir weiter helfen? Danke im Voraus!

Code

<script type="text/javascript">
        $("ul li a.hover").hover(function () { $("ul li ul").show("slow"); });
</script>

HTML

<ul id="navigation">
        <li>
            <a href="" title="" class="hover">farben</a>
            <ul style="display:none;">
                <li><a href="" title="">rot</a></li>
                <li><a href="" title="">gelb</a></li>
                <li><a href="" title="">grün</a></li>
                <li><a href="" title="">blau</a></li>
            </ul>
        </li>
        <li><a href="" title="">über uns</a></li>
        <li><a href="" title="">kontakt</a></li>
    </ul>

Alles anzeigen

synaptic

Also beim hover musste auf jeden Fall im callback den ursprungszustand herstellen.
Ich würde dort vom geklickten a-Element angehen und die ul-siblings suchen und damit die aktion machen.

Was macht dein Script den bisher nicht?

davidos_no.1

Zitat von synaptic

Also beim hover musste auf jeden Fall im callback den ursprungszustand herstellen.
Ich würde dort vom geklickten a-Element angehen und die ul-siblings suchen und damit die aktion machen.

Was macht dein Script den bisher nicht?

Super - jetzt klappt's! Habe, wie von dir vorgeschlagen, den Callback mit eingebaut.

Code

<script type="text/javascript">
        $(document).ready(function(){
            $("ul li a.hover").hover(
            function(){
                $("ul li ul").show("slow");},
            function(){
                $("ul li ul").hide("hide");});
        });
    </script>

Tags