La verdad es que me estoy volviendo loco.
Resulta que estoy añadiendo algunos efectos a un theme para Wordpress (
éste), usando Mootools para poner efectos en los links (principalmente que se deslicen a un lado).
Se me ocurrió poner un efecto slide para que mostrase un texto sobre la web, sólo al hacer clic en el link correspondiente, y después de pelearme un buen rato, lo conseguí.
Hoy vuelvo a entrar y el efecto slide no funciona, ni siquiera aparece oculta la capa por defecto.
La página donde estoy poniendo los efectos es
ésta.
El código que uso para el slide y los otros efectos es:
Código:
window.addEvent('domready', function(){
var list = $$('#navigation li');
list.each(function(element) {
var fx = new Fx.Styles(element, {duration:250, wait:false});
element.addEvent('mouseenter', function(){
fx.start({
'padding-left': 15,
'padding-right': 15,
});
});
element.addEvent('mouseleave', function(){
fx.start({
'padding-left': 0,
'padding-right': 0,
});
});
});
var list2 = $$('#sidebar a');
list2.each(function(element) {
var fx = new Fx.Styles(element, {duration:250, wait:false});
element.addEvent('mouseenter', function(){
fx.start({
'padding-left': 15,
color: '#459045',
});
});
element.addEvent('mouseleave', function(){
fx.start({
'padding-left': 0,
'color': '#516F86',
});
});
});
var mySlide = new Fx.Slide('about_info');
mySlide.hide();
$('toggle').addEvent('click', function(e){
e = new Event(e);
mySlide.toggle();
e.stop();
});
});
¿Qué puede estar fallando?