jQuery: Mouseover Timeout
<p>i have script like this</p>

<pre><code>$('.parent a').live('mouseover mouseout', function(event) {
    if (event.type == 'mouseover'){
        if ($(this).siblings('.child').css('width') == '0px'  ){
            $(this).siblings('.child').animate({'width': window.innerWidth}, 500);
        }
    }else{
        if ( !$(this).hasClass('active') ){
            $(this).siblings('.child').animate({'width': 0}, 500);
        }
    }
});
</code></pre>

<p>as you notice from script above, if we mouse over <code>$('.parent a')</code> then it's sibling will expand it width. </p>

<p>for now its siblings exapnd instantly if we mouse over, i want to make it happen when we already mouse over after <code>5 seconds</code></p>

<p>how to make it?</p>
