пауза перед .hide Jquery

PHP:



     <script type="text/javascript">
    jQuery.noConflict();
    
    jQuery(document).ready(function() {
    jQuery("#ed1").hover( function() {
    jQuery("#ed1pod").css('display','block');
    }, function() {
    jQuery("#ed1pod").hide();
    });
    });
    </script>





при наведении на div#ed1 открывается div#ed1pod

когда уберешь мышку с div#ed1 закрывается div#ed1pod

мне над сделать чтоб оно не сразу закрывалось а через секунд 5-10

 

setTimeout

 

PHP:



     <script type="text/javascript">
    jQuery.noConflict();
    
    jQuery(document).ready(function() {
    jQuery("#ed1").hover( function() {
    jQuery("#ed1pod").css('display','block');
    }, function() {
    jQuery("#ed1pod").delay(5000).fadeOut();
    });
    });
    </script>



сделал вот так

теперь проблема - как сделать что при наведенном состоянии курсора над #ed1pod - он не исчезал