Преобразование эффекта слайда jquery в mootools
У меня есть сценарий, который сдвигает 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, или если это аналогичное изменение, я был бы благодарен услышать, поскольку он будет обновлен в какой-то момент.
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 2
Это сработает?
function toggleSlide(){
var theSlider = new Fx.Slide('slide');
$('theSlide').addEvent('click', function(e){
e = new Event(e);
theSlider.toggle();
e.stop();
});
}
Это должно работать как в 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