Expandir / Contraer Texto

[datcom]

Iniciado por hackjose

algo facil seria usar el elemento details, el titulo debe ir con summary

Código HTML:

<button onclick="desgloza()">Click</button>
 
<details id="uno">
<summary>Click me!</summary>
<p>anything</p>
</details>
 
<details id="dos">
<summary>Click me!</summary>
<p>anything</p>
</details>
 
<details id="tres">
<summary>Click me!</summary>
<p>anything</p>
</details>
    
​<script>
function desgloza()
    {
    var uno = document.getElementById("uno").open = true;
    var dos = document.getElementById("dos").open = true;
    var tre = document.getElementById("tres").open = true;
    }    
</script>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​
 

Saludos

Este me funciono barbaro pero tengo dos cuestiones haber si se pueden agregar.
En el desgloza todo me los abre todos pero no me los cierra todos cuando click denuevo.

Este por un lado y lo otro era agregar un efecto deslizante y no tan cortante es posible?

Gracias!