JSFiddle - React, Tailwind, and code Playground

HTML

<div id="head">
Show Content 1
</div>
<!--1st toggle div-->
 <div id="body" style="display:none;">
  Content
    <div id="head">
     Show Content 2
    </div>
     <!--2nd toggle div-->
     <div id="body" style="display:none;">
     Content
     </div>
 </div>

JavaScript

$(document).ready(function(){
    $('#head').click(function() {
  $('#body').toggle('slow')
  });
});