JSFiddle - React, Tailwind, and code Playground

by Alexandru Mihai

HTML

<a href="#" class="clickable1" data-target="1">
Words to click
</a>
<div class="toggle1" class="hidden-to-show">
   <ul> 
     <li>Item One</li>
     <li>Item One</li>
     <li>Item One</li>
     <li>Item One</li>
   </ul> 
</div>
<a href="#" class="clickable1" data-target="2">Words to click</a>
  <div class="toggle2" class="hidden-to-show"> 
  <ul> 
  <li>Item One</li> 
  <li>Item One</li> 
  <li>Item One</li> 
  <li>Item One</li> 
  </ul> 
</div>
<br>

JavaScript

$('a').click(function(e){
     e.preventDefault();
     $('.toggle' + $(this).attr('data-target')).slideToggle();
});