Как сделать блок с раскрывающимся контентом на чистом HTML?

Как сделать блок с раскрывающимся контентом на чистом HTML?

Иногда нужно скрывать какую-то информацию на странице в специальном блоке. Чтобы в любой момент можно было кликнуть на этот блок и развернуть информацию. И свернуть обратно таким же кликом. Такой блок ещё называют «аккордеоном».

Самый простой раскрывающийся блок выглядит вот так:

 <details>
   <summary>Легенда</summary>
   <p>Раскрывающийся текст</p>
 </details>

Share Tweet Send
0 Комментарии
Загрузка...
You've successfully subscribed to Pinta IT 🍺
Great! Next, complete checkout for full access to Pinta IT 🍺
Welcome back! You've successfully signed in
Success! Your account is fully activated, you now have access to all content.