JSFiddle - React, Tailwind, and code Playground

by GreenMonster

HTML

<div class='fact'>
 <a class="text" href='#'>ololol</a>
      <div class='buttons'>
       dfsdfsdfsdfsdfds
       </div>
 </div>

<div class='fact'>
 <a class="text" href='#'>ololol</a>
      <div class='buttons'>
       dfsdfsdfsdfsdfds
       </div>
 </div>

CSS

.buttons {
   
            display: none;
            
       
        }
        
       .facttext {
           text-decoration: none;
            border-bottom: 1px dashed;
        }

JavaScript

$(".text").click(function(){   
  $(this).next(".buttons").toggle();
});