martes, 20 de noviembre de 2012

[QuickTip] esconder un DIV en una vista #Rails

by Manuel Escudero
Es bastante sencillo, al div que queramos esconder le ponemos un style como el que sigue (si queremos que al cargar la página comience estando oculto, si no, omitimos esto):

style="display:none"

Luego tenemos que hacer un link_to como el que sigue según el caso:

1
2
<%= link_to_function "Toggle", "$('.some_div').toggle()" %> # Si tiene clase
<%= link_to_function "Toggle", "$('#some_div').toggle()" %> # Si tiene ID

Y ese vínculo nos permitirá mostrar y ocultar la capa a voluntad al darle click.

1 comentario:

  1. En vista de que estás usando jQuery, este trae un par de efectos un poco más "llamativos": slideUp y slideDown, los cuales se "switchean" con slideToggle().

    ResponderEliminar