Imitando <details> com JavaScript

[Frank K Hosaka]

<details> é uma excelente ferramenta para mostrar os detalhes de um item, desde que você não invente de colocar um monte de coisas dentro do <summary>, foi o que eu fiz, assim precisei abandonar essa ferramenta para criar a seguinte gambiarra:
 

<script src="https://cdn.tailwindcss.com"></script>
<script>
  function exibir(element) {
    const filhos=element.querySelectorAll("div")
    filhos.forEach(filho => {
        filho.classList.toggle("hidden");
    })
  }
</script>
<?php $historico="Detalhe da lista"; ?>
<div class="w-[200px] m-0 m-auto" onclick="exibir(this)">
    Lista
    <div class="hidden"><?=$historico?></div>
    <div class="hidden"><?=$historico?></div>
</div>

O Copilot é uma excelente ferramenta para fazer gambiarra.