Poner información desplegable y colapsable («persiana» o «acordeón»)
Escondé un texto para que el usuario solo lo vea si hace clic en su título.
Como explicamos en la sección de estándares de uso, la persiana es un recurso interactivo que oculta información bajo un título.
Si el usuario hace clic en el título, la información se despliega; si hace clic de nuevo, la información vuelve a ocultarse.
Para insertar una persiana o acordeón, copiá el siguiente bloque de código, editalo y pegalo entre dos párrafos con una línea libre arriba y abajo.
[[details-close{[Título de la persiana desplegable][
Fragmento de texto que se despliega cuando el usuario hace clic en el título.
]}]]
Escribí en la primera línea entre corchetes el título del desplegable.
Dentro del componente puede haber más de un párrafo, pero debe ser un texto breve para reducir el scroll por parte del usuario.
Por ejemplo, el código
[[details-close{[Desplegá una información cuando hacés clic en este título][
Este texto quedó oculto hasta que hiciste clic en el título.
Si volvés a hacer clic, el componente colapsa (se *cierra*).
]}]]
muestra lo siguiente.
Desplegá una información cuando hacés clic en este título
Este texto quedó oculto hasta que hiciste clic en el título.
Si volvés a hacer clic, el componente colapsa (se cierra).