Конвертировать jquery slide в 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

Это должно работать как в 1.11, так и в 1.2:

window.addEvent('domready', function() {
    var mySlide = new Fx.Slide('panel');
    $('toggle').addEvent('click', function(e) {
        e = new Event(e); // this isn't needed in 1.2
        e.stop();
        mySlide.toggle();
        this.toggleClass('active');
    });
});

Однако в MooTools 1.2 и более поздних версиях Fx.Slide не включен в ядро ​​- вам придется загрузить его как часть MooTools Подробнее .

Рабочая демоверсия: http://jsbin.com/ewasa

Answer 2

Будет ли это работать?

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