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ías</h2> <div> <?php wp_list_categories('show_count=0&title_li='); ?> </div> </div> </div> </div>
¿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.