Jquery: Bei Moushover Element anzeigen lassen

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!

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

<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>

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.

<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>