Skip to main content
Frecuentemente publicamos actualizaciones de nuestra documentación. Es posible que la traducción de esta página esté en curso. Para conocer la información más actual, visita la documentación en inglés. Si existe un problema con las traducciones en esta página, por favor infórmanos.

Organizar información con secciones colapsadas

Puedes optimizar tu lenguaje de marcado si creas una sección colapsada con la etiqueta <details>.

Crear una sección colapsada

Puedes ocultar las secciones de tu lenguaje de marcado temporalmente si creas una sección colapsada que el lector pueda elegir desplegar. Por ejemplo, cuando incluyes detalles técnicas en un comentario de una propuesta, los cuales podrían no ser relevantes o de interés para todos los lectores, puedes ponerlos en una sección colapsada.

Cualquier lenguaje de mrcado dentro del bloque <details> se colapsará hasta que el lector haga clic en para expandir los detalles. Dentro del bloque de <details>, utiliza la marca <summary> para crear una etiqueta a la derecha de .

<details><summary>CLICK ME</summary>
<p>

#### We can hide anything, even code!

    ```ruby
      puts "Hello World"
    ```

</details> ```</p>

El lenguaje de marcado se colapsará predeterminadamente.

![Representación colapsada](/assets/images/help/writing/collapsed-section-view.png)

Después de que un lector hace clic en <svg version="1.1" width="16" height="16" viewBox="0 0 16 16" class="octicon octicon-triangle-right" aria-label="The right triange icon" role="img"><path d="M6.427 4.427l3.396 3.396a.25.25 0 010 .354l-3.396 3.396A.25.25 0 016 11.396V4.604a.25.25 0 01.427-.177z"></path></svg>, los detalles se expandirán.

![Representación abierta](/assets/images/help/writing/open-collapsed-section.png)

## Leer más

- [GitHub Especificaciones del formato Markdown](https://github.github.com/gfm/)
- "[Sintaxis de escritura y formato básicos](/articles/basic-writing-and-formatting-syntax)"