Show menu after 2 seconds

Question

Im trying having problems on showing a <div> after 2 seconds.. My problem is that when i hover the button, the menu is displayed with no delay, and i want a delay of 2 secs...

Try to hover: Mere på cabiweb, then the menu will display -> You can see it here

The code :

<script>$(document).ready(function() { 
    $("#dropdown").hover(function(){
        $(".drop-inner").delay(2000).show();
      });
    });</script>

Answer 1

Use a timeout rather than .delay(), the latter only affects queued functions (such as effects):

$("#dropdown").hover(function() {
    setTimeout(function() {
        $(".drop-inner").show();
    }, 2000);
});