Inicializar DIV oculto como si acabara de cargar (SOLUCIONADO)

[jakama]

Hola,

Me estoy volviendo loco buscando y no encuentro solución para algo que, seguro, es sencillo de hacer.

El caso es que he puesto dos divs a la misma altura y oculto uno u otro dependiendo del menú que se pulse. Cuando el div carga por primera vez, aparece con un texto por defecto, después, el usuario va interactuando con él y este texto cambia.

Lo que quiero es que, cada vez que lo oculte y lo vuelva a mostrar, aparezca de nuevo el texto por defecto y no el texto que haya dejado el usuario como si acabara de cargar.

Os dejo el ejemplo funcionando aqui: http://www.mejoracreativa.com/pruebas/index.html

Como digo, la idea es que, cuando se pulse "inicio", en el div aparezca el "TEXTO DEFECTO INICIO" y cuando se pulse "servicios" aparezca el texto "TEXTO DEFECTO SERVICIOS" independientemente de lo que haya hecho el usuario.

Y esto es menos importante, pero tampoco consigo que aparezca progresivamente con el fade()...

Gracias!
Javi.

[jakama]

Bueno,

Pues creo que lo he solucionado con las líneas:

document.getElementById('FlipBoxInicio').style.bac kgroundColor='rgb(127, 0, 0)';
document.getElementById('FlipBoxInicio').innerHTML = 'TEXTO DEFECTO INICIO';

Lo he dejado aquí: http://www.mejoracreativa.com/pruebas/index2.html

Ya sólo me falta el fade()... ;)

Salu2 y Gracias!
Javi.