# Click-to-show code snippets

**URL:** <https://fortran-lang.discourse.group/t/click-to-show-code-snippets/2316>\
**Category:** Meta\
**Created:** [November 21, 2021, 9:55pm UTC](https://fortran-lang.discourse.group/t/click-to-show-code-snippets/2316 "2021-11-21T21:55:12Z")\
**Posts on this page:** 1\
**Showing post:** 2

<div class="post-metadata">

**Author:** ![ivanpribec](https://yyz2.discourse-cdn.com/free1/user_avatar/fortran-lang.discourse.group/ivanpribec/32/3290_2.png) [@ivanpribec](https://fortran-lang.discourse.group/u/ivanpribec)\
**Post date:** [November 21, 2021, 10:14pm UTC](https://fortran-lang.discourse.group/t/click-to-show-code-snippets/2316/2 "2021-11-21T22:14:01Z")

</div>

It is called a [“Details disclosure element”](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/details).

You can type it directly in HTML:

```auto
<details>
    <summary>Details</summary>
    Something small enough to escape casual notice.
</details>

```

Appearance:

> **Details**
>
> Something small enough to escape casual notice.

You can also find it under the “gear” tool tab as “Hide Details”.

 ![image](https://global.discourse-cdn.com/free1/uploads/fortran_lang/original/2X/4/4c054a4bcdf7299435a206c36532c5e712b081aa.png)

The syntax is slightly different:

```auto
[details="Summary"]
This text will be hidden
[/details]

```

> **Summary**
>
> This text will be hidden

---

_[View the full topic](https://fortran-lang.discourse.group/t/click-to-show-code-snippets/2316)._