La primera idea era que solo se mostrase uno de cada vez, ahora bien
¿si pincho fuera de los details hermanos estos se podrian cerrar?
Código HTML:
<script defer src="https://unpkg.com/[email protected]/dist/cdn.min.js"></script>
<div x-data="{open:false}" @click="open=false">
<details :open="open" @click="open=true"><summary>Summary</summary>Text</details>
<details :open="open" @click="open=true"><summary>Summary</summary>Text</details>
<details :open="open" @click="open=true"><summary>Summary</summary>Text</details>
</div>