Show a div for couple of seconds and then disappear automatically

jquery hide seconds
user1706511 picture user1706511 · Aug 19, 2013 · Viewed 9.4k times · Source

When a page loads, a div should appear for like 3 seconds and then automatically disappear. I'm having trouble with the code at the moment. I'm using this code below:

jQuery("#infor").delay(6000).fadeOut("slow");

My HTML is:

<div id="infor">
something
</div>

But it doesn't seem to be working. Does anyone have any idea why this code is not working?

Answer

Barbara Laird picture Barbara Laird · Aug 19, 2013

Is your code within a document.ready block?

$( document ).ready(function() {
    $("#infor").delay(3000).fadeOut("slow");
});

It works for me: http://jsfiddle.net/YdU4z/

Related questions

Use jQuery to hide a DIV when the user clicks outside of it

I am using this code: $('body').click(function() { $('.form_wrapper').hide(); }); $('.form_wrapper').click(function(event){ event.stopPropagation(); }); And this HTML: <div class="form_wrapper"> <a class="agree" href="javascript:;">I Agree</a&…

Read More
Hide/Show Column in an HTML Table

I have an HTML table with several columns and I need to implement a column chooser using jquery. When a user clicks on a checkbox I want to hide/show the corresponding column in the table. I would like to …

Read More
jQuery show for 5 seconds then hide

I'm using .show to display a hidden message after a successful form submit. How to display the message for 5 seconds then hide?

Read More