Я довольно новичок в mootools, я нашел его быстрее / плавнее для анимации, чем jquery, поэтому я решил попробовать.
Я не понимаю, почему следующий код не работает, он работает на jsfiddle с ядром Mootools и Mootools далее 1.3.1
<html>
<head>
<script src="mootools-more-1.3.1.1.js" type="text/javascript"></script>
<script src="mootools-core-1.3.1-full-compat.js" type="text/javascript"></script>
<script type="text/javascript">
window.addEvent('domready', function() {
var myVerticalSlide = new Fx.Slide('paragraph', {mode:'horizontal'}) ;
$('v_slideout').addEvent('click', function(event){
event.stop();
myVerticalSlide.toggle();
});
});
</script>
</head>
<body>
<div id="paragraph">This is a paragraph.</div>
<a id="v_slideout" href="#">Test</a>
</body>
</html>
Кажется, я не могу понять это, я только могу заставить его работать на jsfiddle.
Любое предложение приветствуется.
Редактировать: http://jsfiddle.net/F54s3/ << Это не работает так, как должно быть в FF, но все равно что-то делает, хотя в Opera это выглядит нормально.
Возможно, я испортил код, потому что я новичок в этом, но я пытаюсь выяснить, почему он работает на jsfiddle и не работает на моем index.html. </p>