JSFiddle - React, Tailwind, and code Playground

by jmpp77

HTML

<details>
  <summary>Titre</summary>
  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloribus possimus repellendus obcaecati cum ad eaque labore dolorum, hic cumque dicta error eos iste ex illum, voluptas maxime quis accusantium, asperiores delectus rerum odit autem. Recusandae ad dicta labore at, et maiores voluptates mollitia consequuntur perferendis quod obcaecati dolores cum debitis inventore iusto ratione illo. Consequuntur minus, fugiat expedita officia sed aut? Voluptatum quas architecto molestiae odio delectus, obcaecati, quisquam soluta vitae illum porro illo animi quidem at ut cumque expedita mollitia? Tempore placeat fugiat dolores illum maxime adipisci minima illo nesciunt nemo repudiandae corporis, eligendi, quasi pariatur soluta eum autem.
</details>

<details>
  <summary>Titre</summary>
  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloribus possimus repellendus obcaecati cum ad eaque labore dolorum, hic cumque dicta error eos iste ex illum, voluptas maxime quis accusantium, asperiores delectus rerum odit autem. Recusandae ad dicta labore at, et maiores voluptates mollitia consequuntur perferendis quod obcaecati dolores cum debitis inventore iusto ratione illo. Consequuntur minus, fugiat expedita officia sed aut? Voluptatum quas architecto molestiae odio delectus, obcaecati, quisquam soluta vitae illum porro illo animi quidem at ut cumque expedita mollitia? Tempore placeat fugiat dolores illum maxime adipisci minima illo nesciunt nemo repudiandae corporis, eligendi, quasi pariatur soluta eum autem.
</details>

<details>
  <summary>Titre</summary>
  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloribus possimus repellendus obcaecati cum ad eaque labore dolorum, hic cumque dicta error eos iste ex illum, voluptas maxime quis accusantium, asperiores delectus rerum odit autem. Recusandae ad dicta labore at, et maiores voluptates mollitia consequuntur perferendis quod obcaecati dolores cum debitis inventore iusto...

CSS

details {
  padding: 1rem 3rem;
}

details:nth-child(odd) {
  background-color: #c0c0c1;
}

summary::-webkit-details-marker {
  display: none;
}