JSFiddle - React, Tailwind, and code Playground

HTML

<div id="toggle"> 
    <a href="#">Header 1</a>
    <div class="content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras imperdiet nulla ante, quis iaculis tortor lacinia sed. Phasellus a dignissim felis, eu volutpat neque.</div> 
    <a href="#">Header 2</a>
    <div class="content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras imperdiet nulla ante, quis iaculis tortor lacinia sed. Phasellus a dignissim felis, eu volutpat neque.</div>
</div>

CSS

#toggle a {
    display:block;
}
.content {
    width: 400px;
    display: none;
}

JavaScript

$('#toggle > a').click(function () {
         var divs = $(this).siblings('div'),
             div = $(this).nextAll('div:first');
         divs.not(div).hide('500');
         div.toggle('500');
     });