JSFiddle - React, Tailwind, and code Playground

HTML

<h1> Accordion </h1>

    <div class="wrapper">
      <a href="#menu1"> &nbsp First </a>
      <div id="menu1" class="isi">
        Building mr concerns servants in he outlived am breeding. He so lain good miss when sell some at if. Told hand so an rich gave next. How doubt yet again see son smart. While mirth large of on front. Ye he greater related adapted proceed entered an. Through it examine express promise no. Past add size game cold girl off how old.
      </div>
    </div>

    <div class="wrapper">
      <a href="#menu2"> &nbsp Second </a>
      <div id="menu2" class="isi">
        He do subjects prepared bachelor juvenile ye oh. He feelings removing informed he as ignorant we prepared. Evening do forming observe spirits is in. Country hearted be of justice sending. On so they as with room cold ye. Be call four my went mean. Celebrated if remarkably especially an. Going eat set she books found met aware.
      </div>
    </div>

    <div class="wrapper">
      <a href="#menu3"> &nbsp Third </a>
      <div id="menu3" class="isi">
        Two before narrow not relied how except moment myself. Dejection assurance mrs led certainly. So gate at no only none open. Betrayed at properly it of graceful on. Dinner abroad am depart ye turned hearts as me wished. Therefore allowance too perfectly gentleman supposing man his now. Families goodness all eat out bed steepest servants. Explained the incommode sir improving northward immediate eat. Man denoting received you sex possible you. Shew park own loud son door less yet.
      </div>
    </div>

CSS

body{
        margin: 15% 15%;
        font-family: sans-serif;
      }

      a{
        display: block;
        background-color: rgb(255, 84, 0);
        text-decoration: none;
        color: black;
        font-size: 26px;
      }

      .isi{
  padding: 0;
  max-height: 0;
  overflow: hidden;
  text-align: justify;
  /* border: 1px solid grey; */
  background-color: rgb(215, 215, 215);
  transition: max-height 2s linear;
}

.isi:target{
  padding: 10px 10px;
  max-height: 300px;
}

      .wrapper{
        margin: 30px;
      }