Home/ Questions/Q 6028071
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-23T04:41:04+00:00

Why the #hello can fade out but not show anymore?? thanks! <!DOCTYPE html> <html>

  • 0

Why the #hello can fade out but not show anymore?? thanks!

<!DOCTYPE html>
<html>
<head>
<script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<meta charset=utf-8 />
<title>JS Bin</title>
<!--[if IE]>
  <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<style>
  article, aside, figure, footer, header, hgroup,
  menu, nav, section { display: block; }
</style>
<script>
$(function() {
  $('#hello').delay(1000).fadeOut();
  $('#hello').show();
});
</script>
</head>
<body>
  <p id="hello">Hello World</p>
</body>
</html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You have to wait until the fadeOut effect is done by providing a callback to it:

    $(function() {
    $('#hello').delay(1000).fadeOut('slow', function() {
      $('#hello').show();
    });
});
    • 0