Foros del Web » Programando para Internet » Javascript » Frameworks JS »

[SOLUCIONADO][Mootools]: Problema con Fx.Slide (contrae pero no expande)

Estas en el tema de [SOLUCIONADO][Mootools]: Problema con Fx.Slide (contrae pero no expande) en el foro de Frameworks JS en Foros del Web. ¡Hola a todos! Estaba rediseñando mi blog y he pensado añadir un efecto con Mootools. El efecto consiste en un link que al hacer clic ...
  #1 (permalink)  
Antiguo 11/09/2008, 13:54
Avatar de sumolari  
Fecha de Ingreso: mayo-2006
Ubicación: localhost
Mensajes: 1.367
Antigüedad: 18 años, 7 meses
Puntos: 18
[SOLUCIONADO][Mootools]: Problema con Fx.Slide (contrae pero no expande)

¡Hola a todos!

Estaba rediseñando mi blog y he pensado añadir un efecto con Mootools. El efecto consiste en un link que al hacer clic contrae la sidebar, y una vez está contraida permite expanderla.

El problema es que sólo contrae.

Podéis ver el blog aquí.

El objetivo es que se pueda ocultar la sidebar superior, mejor dicho, que en principio esté cerrada y luego se pueda desplegar, pero si el efecto de contraer y expander no funciona...

Aquí está el código básico que uso (aunque podéis verlo en el link que os he dado antes):

[code]
document.addEvent('domready', function() {

var myVerticalSlide = new Fx.Slide('vertical_slide2');

$('v_toggle').addEvent('click', function(e){
myVerticalSlide.toggle();
});

});
[code]

Código HTML:
 <div class="top-sidebar">
                            
                            <h2><a id="v_toggle" href="#">Sidebar</a></h2>
                            <div id="vertical_slide2">
                            <div>
                                <h2>Categor&iacute;as</h2>
                                <div>
                                    <?php wp_list_categories('show_count=0&title_li='); ?>
                                </div>
                            </div>
                            </div>
                            
                        </div> 
La verdad es que no tengo ni idea de por qué ocurre...

¿Podéis echarme una mano?

Gracias de antemano

- - - - - - - - - - - - - - - - -

¡¡Solucionado!!

Bueno, he logrado solucionarlo, aquí os explico cómo:

Desactivé los CSS y vi que funcionaba correctamente, así que pensé que el error era de CSS.

Decidí probar con jQuery, ya que WordPress también lo usa. En 10 minutos logré configurar el efecto de Slide que buscaba, pero entraba en conflicto con Mootools.

Apliqué "jQuery.noConflict();" y logré evitar el conflicto entre los frameworks. Ahora tengo el efecto que tenía con Mootools y el Slide con jQuery.

Última edición por sumolari; 12/09/2008 a las 08:03
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 20:08.