Jquery $('#div').show().delay(5000).hide(); doesn't work

Sunday, May 19, 2024

71

Jquery $('#div').show().delay(5000).hide(); doesn't work

rated 0 times [ 73] [ 2] / answers: 1 / hits: 82017 / 13 Years ago, fri, september 2, 2011, 12:00:00

I'm trying to show a div thats set to display: none; for 5 seconds with

$('#div').show().delay(5000).hide();

but it deson't work, it just goes straight to hide()

Can any of you help me?

More From » jquery

Answers

54

Do it like this:

$('#div').show(0).delay(5000).hide(0);

By passing in numbers to .show() and .hide(), jQuery will take those methods into its internal fx queue (even if the number is zero). Since .delay() only works within a queue, you need that little workaround.

example: http://jsfiddle.net/zceKN/

[#90292] Thursday, September 1, 2011, 13 Years [reply] [flag answer]

answered 13 Years ago

Only authorized users can answer the question. Please sign in first, or register a free account.

albert

albert

Add To Favorites

Total Points: 652

Total Questions: 105

Total Answers: 108

Location: Pitcairn Islands

Member since Fri, Oct 15, 2021

3 Years ago

albert questions

1 MUI v5 - Extending Typography variant in TypeScript creates error No overload matches this call

Wed, Nov 17, 21, 00:00, 3 Years ago

1 Update one, insert if not exists and modify only when a condition is true MongoDB

Thu, Mar 19, 20, 00:00, 4 Years ago

1 React - input loses focus on keypress

Sat, Nov 9, 19, 00:00, 5 Years ago

1 Multiple select fields filtering with jQuery

Thu, Oct 24, 19, 00:00, 5 Years ago

1 How to update redux state using a react variable passed up to the component from a child

Wed, Sep 25, 19, 00:00, 5 Years ago

;