How to hide a div after some time period?

jquery html fadeout
rag picture rag · Mar 11, 2010 · Viewed 128.4k times · Source

I need to hide a div (like "mail sent successful" in Gmail) after a certain time period when I reload the page.

How can I do that?

Answer

rosscj2533 picture rosscj2533 · Mar 11, 2010

Here's a complete working example based on your testing. Compare it to what you have currently to figure out where you are going wrong.

<html> 
  <head> 
    <title>Untitled Document</title> 
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
    <script type="text/javascript"> 
      $(document).ready( function() {
        $('#deletesuccess').delay(1000).fadeOut();
      });
    </script>
  </head> 
  <body> 
    <div id=deletesuccess > hiiiiiiiiiii </div> 
  </body> 
</html>

Related questions

Fade In and Fade Out text inside a div

I have a div with a CSS style to show it as a button: <div id="Word1" class="btn green" onclick="WordClicked(1);">Word 1</div> And CSS styles: .btn { display: inline-block; background: url(btn.bg.png) repeat-x 0…

Read More
How to fade out div slowly, update content, and then fade in div slowly, using jQuery?

I have a div I want to fade out, update its content, and then fade back in. So far I have tried: $('#myDivID').fadeOut('slow', function() { $('#myDivID').replaceWith("<div id='myDivID'>" + content + "</div>"); $('#…

Read More
Remove row from table with fadeOut effect

I have a table that has some rows,each row has a background. There is a button that remove specified row with jQuery fadeOut, but during the operation the design doesn't good.cells background will be white. $(document).ready(function(){ $(".…

Read More