title: mootools | Hide and show animation
body: <p>I have a mootools code: </p>
  
  <pre><code>(function() {
      var index = 0;
      Element.implement({
         toggle: function() {
          var args = Array.slice(arguments, 0);
          count = args.length - 1;
          return this.addEvent("click", function() {
                 args[index].apply(this, arguments);
             index = (count &gt; index) ? index + 1 : 0;
          });
      },
      resetToggle: function() {
         index = 0;
      }
      });
  })();
  
  document.getElement(".toggle").toggle(
      function() {
         document.id("menu").setStyle("display", "block");
      }, function() { 
         document.id("menu").setStyle("display", "none");
      }
      );
  });
  </code></pre>
  
  <p>How to hide/show div.menu container with animation?
  Thanks!</p>