Animates all form controls to slide up

 

<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>

Related examples in the same category

1.	Click to slide up
2.	Slide up a DIV tag
3.	Slide up callback
4.	Slide up fast
5.	Slide up form controls
6.	Slide up in milliseconds
7.	Slide up slowly
8.	Animates all divs to slide up, completing the animation within 400 milliseconds.
9.	slideUp(speed, callback): Only the height is adjusted for this animation

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

Related examples in the same category