Mega Code Archive

 
Categories / JavaScript Tutorial / JQuery
 

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>