Furoya, ahora estudiaré tu código más detenidamente y lo probaré.
De todas formas, doy la solución que utilicé. Como ya estaba usando jQuery para otras cosas, lo usé para esto también.
Código Javascript
:
Ver original$mostrados = $('.mostrados');
$mostrar = $('.mostrar');
$mostrados.fadeOut( 800, function () {
$mostrar.fadeIn(800);
});
fadeOut oculta progresivamente los que estaban mostrados, reduciendo su opacidad suavemente hasta 0 y le aplica display none. Al acabar, fadeIn muestra de forma progresiva los elementos a mostrar, aumentando suavemente su opacidad.
No es el efecto que buscaba al principio, pero este es muy sencillo y no queda mal.