JSFiddle - React, Tailwind, and code Playground

by Zeljko Tadic

HTML

<!DOCTYPE html>
 <html>
    <head>
      <script      
src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js" 
>
      </script>
     <script>
         $(document).ready(function() {
 $('.entrysection').hide();
  $('.sectiontitle h3').click(function() {
   $(this).next('.entrysection').slideToggle();
            $(this).toggleClass('close');

     });
}); // end ready
</script>
</head>
<body>
<div class="sectiontitle">  
         <h3>A Header</h3>
            <div class="entrysection">
                <p>Some silly unimportant stuff</p>
            </div>
            </div>
<div class="sectiontitle">  
         <h3>Another Header</h3>
            <div class="entrysection">
                <p>Yet more unimportant stuff</p>
            </div>
            </div>
 <div class="sectiontitle"> 
         <h3>Yet Another Header</h3>
            <div class="entrysection">
                <p>The least important stuff yet</p>
            </div>
            </div>
</body>
</html>