Slide animation : slideToggle « jQuery « JavaScript DHTML






  1. JavaScript DHTML
  2. jQuery
  3. slideToggle

Slide animation

    

<html>
  <head>
    <script type="text/javascript" src="js/jquery-1.3.2.js"></script>
    <script type="text/javascript">
  $(document).ready(function(){
    function animateIt() {
      $("#mover").slideToggle("slow", animateIt);
    }
    animateIt();

  });
    </script>
 <style>
  div { background:yellow; width:80px; height:80px; margin:5px; float:left; }
  </style>

  </head>
  <body>
  <div></div>
  <div id="mover"></div>
  <div></div>





  </body>
</html>








Related examples in the same category

1.Slide toggle and function
2.Slide toggle button
3.Slide toggle callback
4.Fast slide toggle
5.Slide toggle in milliseconds
6.Slide toggle slow
7.slideToggle(speed, callback): height is adjusted