JSFiddle - React, Tailwind, and code Playground

HTML

<br/>
<h3>Item 1</h3>
<div class="tabs">
    <h4>Option 1</h4>
    <h4>Option 2</h4>
</div>
<h3>Item 2</h3>
<div class="tabs">
    <h4>Option 3</h4>
    <h4>Option 4</h4>
</div>

CSS

h3 {
  display: block;
  background-color: #eaeaea;
  width: 150px;  
  font-family: Verdana;
  padding: 8px 5px 8px 5px;
  font-size: 12px;   
  color: #444;
  margin:0px 0px 5px 5px;
}

h4 {
  display: block;
  color: #666;    
  padding: 3px 0px 3px 0px;
  font-size: 11px;
  font-family:Verdana;
}

div.tabs {
  display: none;     
  padding: 5px 10px 5px 10px;    
}

JavaScript

$(function(){
    $("h3").click(function(){
        $(this).next(".tabs").toggle("fast");
    });
});