Mostrar ocultar div con animación

Por fin después de tanto luchar ya dimos con la solución de esta impedimento que algunos los lectores de este sitio tienen. Si quieres compartir algo más no dudes en dejar tu comentario.

Solución:

Podrías probar esto

function showhide(id) 
  if (document.getElementById) 
    var divid = document.getElementById(id);
    var divs = document.getElementsByClassName("hideable");
    for (var i = 0; i < divs.length; i = i + 1) 
      $(divs[i]).fadeOut("slow");
    
    $(divid).fadeIn("slow");
  
  return false;

Eche un vistazo a este violín "http://jsfiddle.net/9jtd3/"

Hay muchas más técnicas proporcionadas por la biblioteca Jquery. También debería echarle un vistazo.

Puedes usar slideDown() and slidUp() de jQuery

$( document.body ).click(function () 
  if ( $( "div:first" ).is( ":hidden" ) ) 
    $( "div" ).slideDown( "slow" );
   else 
    $( "div" ).slideUp("slow");
  
);

Si estás de acuerdo, tienes el poder dejar un enunciado acerca de qué le añadirías a esta reseña.

---

---

Utiliza Nuestro Buscador