一个jQuery上拉菜单，代码简单，适合新手阅读

一个jQuery下拉菜单，代码简单，适合新手阅读。
最近发现一个简单的jQuery下拉菜单，代码很少，很适合有基础的新手学习提高。
这是jQuery代码：
<script type="text/javascript">
$(document).ready(function(){

    $("ul.subnav").parent().append("<span></span>");
   
    $("ul.topnav li span").click(function() {
        $(this).parent().find("ul.subnav").slideDown('fast');

        $(this).parent().hover(function() {
        }, function(){   
            $(this).parent().find("ul.subnav").slideUp('slow');
        });

   
        }).hover(function() {
            $(this).addClass("subhover");
        }, function(){    //On Hover Out
            $(this).removeClass("subhover");
    });

});
</script>
下面是html代码：
<div id="header">
       
        <ul /> 这个很早写的了，都快忘了。