Mega Code Archive

 
Categories / JavaScript Tutorial / JQuery
 

Animates span to hide fastly

< html>   <head>     <script type="text/javascript" src="js/jquery-1.3.2.js"></script>     <script type="text/javascript">         $(document).ready(function(){                 $("#hideHandler").click(function () {                       $("span:first-child").hide("fast", function () {                         $(this).prev().hide("show", arguments.callee);                        });                 });                 $("#showHandler").click(function () {                       $("span").show(6000);                 });         });     </script>   </head>   <body>     <body>           <button id="hideHandler">Hide</button>           <button id="showHandler">Show</button>                    <div>             <span>A</span>             <span>B</span>              <span>C</span>              <span>D</span>              <span>E</span>              <span>F</span>              <span>G</span>              <span>H</span>           </div>     </body> </html>