Hide and Slide down : slideDown « jQuery « JavaScript DHTML






Hide and Slide down

    
<html>
  <head>
    <script type="text/javascript" src="js/jquery-1.3.2.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
                
                $("p").click(function () {
                    $("p").hide();

                    $("p").slideDown();
                });
        });
    </script>
  </head>
  <body>
    <body>
        <p>Hello</p>
    </body>
</html>

   
    
    
    
  








Related examples in the same category

1.Slide down and set focus
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