Error con Mootools y slide

[sumolari]

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?

[JavierB]

Movido al foro de Frameworks desde JavaScript.

Saludos,

[GatorV]

Usando el debugger de Firefox me marca:

Código:

this.getStyle is not a function (js/mootools.js) line: 75

Saludos.

[sumolari]

La verdad es que no tengo mucha idea de javascript... me parece raro que el fallo esté en mootools.js, ya que es el archivo de mootools descargado directamente de mootools.net.

EDITO:

He estado haciendo pruebas y:

• Si pongo el código del slide antes del de los otros efectos: Ningún efecto funciona.
• Si quito el código del slide: Ya no marca error.
• si quito el código de los efectos del menú: También marca error.

Así que he reducido el código erróneo a:

Código:

    var mySlide = new Fx.Slide('about_info');
        mySlide.hide();
        $('toggle').addEvent('click', function(e){
            e = new Event(e);
            mySlide.toggle();
            e.stop();
    });

EDITO 2:

Ya está arreglado. Resulta que había activado un plugin para Wordpress (lightbox) que me llamaba al framework prototype. Parece ser que esto ocasionaba el error, ya que al desactivar el plugin el efecto volvió a funcionar.

Muchas gracias por vuestra paciencia

[Calisco]

Bueno, no deberías mezclar framworks

[GatorV]

*Corrección: deberías tener cuidado al mezclar framworks. No hay nada de malo en usar dos o mas frameworks.

[sumolari]

No, si ya sé que mezclar frameworks es "peligroso", pero no sabia que ese plugin me metía otro framework, ahora tendré que buscar un plugin que haga el mismo efecto que el anterior pero sin usar prototype.

[Calisco]

como que no hay nada de malo ?; ya del solo hecho que existan funciones con el mismo nombre en mas de un frame te va a ser un desastre.