Slide down and set focus : slideDown « jQuery « JavaScript DHTML






  1. JavaScript DHTML
  2. jQuery
  3. slideDown

Slide down and set focus

    

<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 fast
3.Slide down form fields
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