Toggle en MooTools

Por fin han escuchado las palabras de los usuarios y han añadido las funciones para ocultar y mostrar capas como existe en Prototype.

Ayer mismo andaba liado escribiendo y no daba con la tecla para ello, pero claro en parte tienen razón, para que un display soso cuando puedes usar Fx.Slide.

Han llegado a un acuerdo, usan Element.toggle con Fx.Slide.

Ejemplo:

var fx = new Fx.Slide($('element'));
fx.toggle();

//Nueva versión
$('element').toggle();

  • avatar

    xergio#1 hace 871 días

    Sino siempre nos quedaría una ñapa tal que así:

    Element.extend({ toggle: function() { if (!this.fxSlide) this.fxSlide = new Fx.Slide(this); this.fxSlide.toggle(); } });

    Y ya luego se podría hacer el $('element').toggle(); ^^

    Seguro que hay formas mejores de hacerlo... pero esto puede servir.


  • avatar

    IceBeat#2 hace 871 días

    @xergio dios tienes toda la razón, no habia caido en extender el elemento.

    Si es que creo que nos complicamos demasiado.

    Muchas gracias por el tip.


  • avatar

    xergio#3 hace 871 días

    Jeje, a ver si un día posteo unos cuanto extendidos que he hecho últimamente para proyectos en la empresa. Algunos vienen muy bien, sobre todo a la hora de tener que escribir muchas veces la misma sentencia.


  • avatar

    regelus#4 hace 868 días

    Esta nueva funcion en Element es para una version posterior a la 1.11 no?

    Yo tambien me estoy llevando varios dolores de cabeza con el mootools, pero creo que mas que nada se deben a desconocimientos mios.

    Conoces algun foro de discusion o lugar de ejemplos en español de mootools?


  • avatar

    IceBeat#5 hace 866 días

    @xergio eso puede ser fenomeno, tener snippets utiles siempr vienen bien.

    @regelus exacto, para versiones inferiores.

    Conozco http://www.mootools.com.ar/ un proycto para traducir mootools y creo que tienen foro.


  • avatar

    j0an#6 hace 807 días

    hey, tengo un problema de principiante

    Window.onDomReady( function() { var trig = $$('.trigger'); var box = $$('.slider'); var ac = new Fx.Accordion(trig, box, { duration: 400 } ); $('sent').toggle(); } );

    tengo un acordion en el cual quiero cambiar una flecha q indique que esta abierto o cerrado el div, el ID de esa imagen es 'sent'

    como tengo que hacer para hacer un toggle o cambiar el src o ALGO! ya no se donde mas leer :(

    gracias de antemano

    j0an@ciudad.com.ar


  • avatar

    Benji#7 hace 497 días

    alguien sabe como hacer un toggle pero que vaya de abajo hacia arriba? no encuentro nada y me come el cerebro!