jQuery delay() not working

Question

Hi, I have a div with an id of dropdown. I want it to drop down for 5 seconds then go back up again but I can't get the delay to work properly. It comes down but doesn't go back up again. Here is what I have:

$('#dropdown').slideDown().delay(5000).('#dropdown').slideUp()

Any help much appreciated thanks

Answer 1

You don't need a second ('#dropdown') as you're still operating on the same object.

$('#dropdown').slideDown().delay(5000).slideUp()

Answer 2

$('#dropdown').slideDown().delay(5000).slideUp()

^^ this, you do not need to use the id again.

Answer 3

$("#dropdown").slideUp().delay(1000).slideDown();

No need for the second selector.