Mostrar y ocultar texto

[jbravo2091]

hola, quiero que un texto grande salga oculto, darle al botón y que se muestre entero,
pero lo único que consigo es que el texto aparezca entero y después de darle al botón se oculta, alguien me ayuda?

este es mi código

<script type="text/javascript">
function muestraOculta(id) {
var elemento = document.getElementById('contenidos_'+id);
var enlace = document.getElementById('enlace_'+id);
if(elemento.style.display == "" || elemento.style.display == "block") {
elemento.style.display = "none";
enlace.innerHTML = 'Mostrar contenidos';
}
else {
elemento.style.display = "block";
enlace.innerHTML = 'Ocultar contenidos';
}
}

y en el body
<p id="contenidos_1">
quiero ocultar este texto </p>
<a id="enlace_1" href="#" onclick="muestraOculta('1'); return false;">Ocultar
contenidos</a>

[pzin]

¿El problema es que no aparece oculta desde el principio? Si es eso, simplemente tienes que ocultarlo con CSS.

[jbravo2091]

exactamente ese es mi problema pzin.

Pero no se hacerlo, como se oculta con css?

[kspr]

Tal como menciona @pzin puedes ocultarlo con css

Código CSS:

.toggle-content {
    display: none;
}
 

Código HTML:

<p class="toggle-content" id="contenidos_1">
 

descarto un inline style por que parece que quieres algo dinamico.

un ejemplo: http://jsfiddle.net/kspr/2oj8scyf/

[jbravo2091]

Distes en el clavo kspr
muchas gracias