problema con estilo de fuente

[zaida]

Hola a todos

os explico mi problema:

Tengo el siguiente texto

Código HTML:

 <td width="109" id="texto"  style="cursor:pointer" onClick="desplegar()"><span class="Estilo61">Ver Presentacion</span></td> 

La función del onclick es la siguiente:

Código:

function desplegar()//ver y cerrar presentacion
{
	if((document.getElementById('texto').innerHTML)=='Ver Presentacion')
	{
		document.getElementById('texto').innerHTML="Cerrar Presentacion";
		document.getElementById('texto1').style.visibility="visible";
	}
	else
	{
		document.getElementById('texto').innerHTML="Ver Presentacion";
		document.getElementById('texto1').style.visibility="hidden";
	} 
}

Lo que hace es que cuando haces click por primera vez muestra una capa y cuando vuelves hacer click la oculta. El problema es que al tener estilo el texto, cuando haces click, primero pone el texto con estilo por defecto y cuando vuelves haver click muestra la capa.

Lo que necesito es que muestre la capa en el primer click y cambie el texto por otro pero con el estilo del primero, ¿como lo hago?

Saludos y gracias

[KarlanKas]

function desplegar()//ver y cerrar presentacion
{
if( document.getElementById( 'texto' ).innerHTML.indexOf('Ver Presentacion') != -1 )
{
document.getElementById('texto').innerHTML='<span class="Estilo61">cerrar Presentacion</span>';
document.getElementById('texto1').style.visibility ="visible";
}
else
{
document.getElementById('texto').innerHTML='<span class="Estilo61">Ver Presentacion</span>';
document.getElementById('texto1').style.visibility ="hidden";
}
}

[zaida]

hola KarlanKas:


Perfecto!!!! Muchísimas gracias!!!!

Saludos