javascript - 将 jquery 幻灯片效果转换为 mootools

Question

我有一个脚本，当人们单击选项卡时，它会从菜单后面向下滑动一个 div。然而它在jquery中，我想使用mootools(有很多原因我不会在这里讨论)。然而我目前坚持使用 mootools 1.1。但由于某种原因我的尝试不起作用:(

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 类幻灯片和 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，或者如果它是类似的更改，我将很高兴听到，因为它会在某个时候更新点。

Answer 1

这行得通吗？

function toggleSlide(){
    var theSlider = new Fx.Slide('slide');
    $('theSlide').addEvent('click', function(e){
        e = new Event(e);
        theSlider.toggle();
        e.stop();
    });
}