Slide down form fields : slideDown « jQuery « JavaScript DHTML

Slide down form fields

    
<html>
  <head>
    <script type="text/javascript" src="js/jquery-1.3.2.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
                
               $("div").click(function () {
                 
                  $("input").slideDown(1000,function(){
                     $(this).focus();
        
                  });
               });

        });
    </script>
    <style>
      input { display:none;margin:10px; }
    </style>
  </head>
  <body>
    <body>
          <div>Click me</div>
          <input type="text" />
          <input type="text"/>
          <input type="text" />

    </body>
</html>

Related examples in the same category

1.	Hide and Slide down
2.	Slide down and set focus
3.	Slide down fast
4.	Slide down in milliseconds
5.	Slide down slowly
6.	Slide to show para
7.	slideDown(speed, callback): Only the height is adjusted for this animation