Animates all form controls to slide up : slideUp « jQuery « JavaScript Tutorial

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



            $("button").click(function () {
              $(this).parent().slideUp("slow", function () {
                $("#msg").text($("button", this).text() + " has completed.");
              });
            });



        });
    </script>

  </head>
  <body>
    <body>
        <button>Hide One</button>
        <input type="text" value="One" />
        <button>Hide Two</button>
        <input type="text" value="Two" />
        <button>Hide Three</button>
    
        <input type="text" value="Three" />
        <div id="msg"></div>
    </body>
</html>

30.101.slideUp
	30.101.1.	Click to slide up
	30.101.2.	Slide up a DIV tag
	30.101.3.	Slide up callback
	30.101.4.	Slide up fast
	30.101.5.	Slide up form controls
	30.101.6.	Slide up in milliseconds
	30.101.7.	Slide up slowly
	30.101.8.	Animates all divs to slide up, completing the animation within 400 milliseconds.
	30.101.9.	Animates all form controls to slide up
	30.101.10.	slideUp(speed, callback): Only the height is adjusted for this animation