Horisontal drop down menu

Hej alle sammen :-)

Jeg har en menu, jeg godt kunne tænke mig, blev nede når man klikkede på den, jeg har følgende javascript kode men kan ikke rigtig få det til at virke:

<script type="text/javascript">
$(document).ready(function() {

    $("ul#topnav li").hover(function() { //Hover over event on list item
        $(this).css({ 'background' : '#1376c9 url(img/topnav_active.gif) repeat-x'}); //Add background color and image on hovered list item
        $(this).find("span").show(); //Show the subnav
    } , function() { //on hover out...
        $(this).css({ 'background' : 'none'}); //Ditch the background
        $(this).find("span").hide(); //Hide the subnav
    });

});
</script>

Kan man ikke bare ændre hover til click? Jeg kan ihvertfald ikke få det til at virke, håber der er nogen der kan hjælpe :-)