Can i use jquerys easing with hoverintent to make a mouse over delay?
<p>I am using easing to create an advert that expands on my website but would like there to be a delay on mouse out i have downloaded and attached the hoverintent plugin but not sure what code i need to add to my current java script to get this delay affect? my code is as below</p>

<pre><code>// JavaScript Document
$(document).ready(function(){

    //When mouse rolls over
    $("li").mouseover(function(){
        $(this).stop().animate(
            {height:'150px', width:'570px'},
            {queue:false, duration:600, easing: 'easeOutBounce'}
        )
    });

    //When mouse is removed
    $("li").mouseout(function(){
        $(this).stop().animate(
            {height:'50px', width:'500px'},
            {queue:false, duration:600, easing: 'easeOutBounce'}
        )
    });    
});
</code></pre>

<p>Another quick question is there any way to change this as well so when i click its eases out and then click again it eases back in?</p>
