How to combine click with hover function in same status？
<p>I try to add click function but it doesn't run...</p>

<pre><code>$("#menu2 li").hover(function() { //On hover... 

    $(this).find("span").stop().animate({ 
        marginTop: "-40" //Find the span tag and move it up 40 pixels 
    }, 250); 

    $("#menu2 li").click(function() { //On click... 
        $(this).find("span").stop().animate({ 
            marginTop: "-40" //Find the span tag and move it up 40 pixels 
        }, 250); } 
        , function() { //On hover out... 
            $(this).find("span").stop().animate({ 
                marginTop: "0" //Move the span back to its original state (0px) 
            }, 250); 
        }); 
});
</code></pre>

<p>here is the link:<a href="http://dl.dropbox.com/u/30777772/menu22.html" rel="nofollow">after click, i hope it still be white color</a></p>
