agrego una clase para diferencias el titulo clickeado y guardo una referencia, en este caso 'activo' asi el evento click es para .titulos que no contengan .activo, cuando hago click en un titulo no activo borro la .activo que tengo en la referencia y asigno al nuevo
Código Javascript
:
Ver original$( function (){
$(".titulo:not(.activo)").live("click", function(){
if (typeof last != 'undefined'){
activo.removeClass('activo');
last.animate({
width: "0px"
}, 1500, function(){
$(this).css({display:"none"});
});
}
last = $(this).addClass('activo').closest('.contenedor').find('.cuerpo').animate({
width: "396px"
}, 1500 );
activo = $(this);
});
});
Fijate que al teminar de cerrar el div lo estas ocultando y queda medio cortado el efecto, me imagino que lo haces porque queda un pedacito del div visible, eso es por el padding del cuerpo, podes poner el texto en un parrafo y darle margen asi sacas el padding del cuerpo, y si usabas un rojo y blanco iba a ser mejor :P