JSFiddle - React, Tailwind, and code Playground

by Tan

HTML

<details>
<summary>
<h2>What is your return policy?</h2>
<p>What is your return policy?</p>
<div aria-hidden="true" onclick="show(this);">Read More</div>
</summary>

<p>What is your return policy?</p>
<p>What is your return policy?</p>
</details>

<details>

<summary>
<h2>What is your return policy?</h2>
<p>What is your return policy?</p>
<div aria-hidden="true" onclick="show(this);">Read More</div>
</summary>

<p>What is your return policy?</p>
<p>What is your return policy?</p>
</details>

<details>

<summary>
<h2>What is your return policy?</h2>
<p>What is your return policy?</p>
<div aria-hidden="true" onclick="show(this);">Read More</div>
</summary>

<p>What is your return policy?</p>
<p>What is your return policy?</p>
</details>

CSS

details > summary {list-style: none;}

details > summary::marker, /* Latest Chrome, Edge, Firefox */ 
details > summary::-webkit-details-marker /* Safari */ {display: none;}

details > summary div {text-align:right;cursor:pointer;}

JavaScript

function show(x) { x.style.display = "none"; }