<div class="accordion">
<details>
    <summary>Sesame snaps</summary>
  <div>Sweet roll donut bonbon cheesecake pudding ice cream oat cake chocolate apple pie. Marshmallow sweet roll muffin macaroon donut. Tootsie roll cupcake cotton candy jujubes apple pie apple pie jelly beans. Marshmallow jelly-o marzipan caramels pudding icing toffee lemon drops carrot cake.</div>
</details>
  <details>
    <summary>Chocolate bar</summary>
  <div>Lollipop dessert sweet roll liquorice jelly-o marzipan. Lemon drops icing marshmallow soufflé soufflé. Gingerbread croissant gummi bears brownie chocolate bar pudding.

</div>
</details>
  <details>
    <summary>Donut gummies</summary>
  <div>Halvah muffin toffee bear claw jujubes. Liquorice jelly marzipan toffee macaroon bonbon tootsie roll toffee soufflé. Jelly pie gummies muffin tart soufflé ice cream liquorice apple pie. Sugar plum bear claw chocolate bar croissant bear claw tiramisu topping.</div>
</details>
</div>

details {
  margin: 5px;
  font-size: 18px;
}
details > * {
  padding: .75rem;
}
details > div {
  background: #ddd;
  border-radius: 0 0 5px 5px;
}
summary {
  border-radius: 5px;
  font-size: 20px;
  font-family: sans-serif;
  font-weight: bold;
  color: #fff;
  background: #0B486B;
  cursor: pointer;
}
details[open] summary {
  border-radius: 5px 5px 0 0;
}