将jquery幻灯片效果转换为mootools

html

print("code sample");
   <div id="panel">
    <form action="">
           < form here > 
    </form>
</div>
<div class="slide">
  <p class="sl"><a href="#" class="btn-slide" id="toggle"><span></span></a></p>

Div id面板保存了向下滑动的表单,Div class slide和P标记被一个选项卡/按钮替换,该选项卡/按钮通过css挂起,单击该选项卡可向下滑动选项卡。

jquery(运行良好)

print("code sample");
  <script type="text/javascript">
  $j(document).ready(function(){
$j(".btn-slide").click(function(){
    $j("#panel").slideToggle("slow");
    $j(this).toggleClass("active"); return false;
});

  });
  </script>

print("code sample");
 <script type="text/javascript">
window.addEvent('domready', function(){
 var mySlide = new Fx.Slide('panel');
    $('toggle').addEvent('click', function(e){
        e = new Event(e);
        mySlide.toggle();
        e.stop();
    });
});
 </script>

正如我上面所说的,我目前仅限于moo 1.1,但如果有一个答案同时适用于1.1和1.2,或者如果是类似的更改,我将非常高兴听到,因为它将在某个时候更新。