將jquery幻燈片效果轉換爲mootools

我有一個腳本，用於在人們點擊該選項卡時從菜單後面向下滑動div。然而，它在jQuery中，我想使用mootools（很多原因，我不會在這裏進入）。然而，我目前還在使用mootools 1.1。但由於某些原因，我嘗試不工作:(將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>

股利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一起工作，或者如果它有類似的變化，我會很感激聽到，因爲它會在某些時候更新。

來源

2008-10-25 Paul M

這項工作？

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

來源

2009-04-22 16:51:35 superUntitled

這應該在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 More的一部分。

A working demo：http://jsbin.com/ewasa

來源

2009-06-27 14:24:57 moff

將jquery幻燈片效果轉換爲mootools

回答

相關問題