Show hidden fast : show « jQuery « JavaScript DHTML






Show hidden fast

     
<html>
  <head>
    <style>
      div { width:50px; height:40px; margin: 5px; float:left;background:red; }
    </style>
    <script type="text/javascript" src="js/jquery-1.3.2.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){

          $("button").click(function () {
             $("div:hidden").show("fast");
          });
    });
    </script>
  </head>
  <body>
      <button>Show</button>
      <div></div>
      <div style="display:none;"></div>
      <div></div>
      <div></div>
      <div style="display:none;"></div>

  </body>
</html>

          

   
    
    
    
    
  








Related examples in the same category

1.Display if hidden
2.Show fast
3.Show hidden slow
4.Show hidden tags
5.Show in millisecond
6.Show normal
7.Pass arguments.callee to show function
8.Shows all paragraphs.
9.Open div tag based dialog