Animates all divs to slide up, completing the animation within 400 milliseconds. : slideUp « jQuery « JavaScript DHTML






  1. JavaScript DHTML
  2. jQuery
  3. slideUp

Animates all divs to slide up, completing the animation within 400 milliseconds.

 

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



            $(document.body).click(function () {
              if ($("div:first").is(":hidden")) {
                $("div").show("slow");
              } else {
                $("div").slideUp();
              }
            });



        });
    </script>

  </head>
  <body>
    <body>
        Click me!
          <div>asdf</div>
          <div>asdf</div>
        
          <div>asdf</div>
          <div>asdf</div>
          <div>asdf</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 form controls to slide up
9.slideUp(speed, callback): Only the height is adjusted for this animation