JSFiddle - React, Tailwind, and code Playground

by Aramil Rey

HTML

<div class="it-con">
   <div class="mess-text">
       <span class="x-btn">&#10005;<br></span>
       <h4>Headline</h4>
       <br>
       <p>Some Info</p>
   </div>
   <div class="toggle">
        <button class="inf-btn">Show info</button>
   </div>
</div>

JavaScript

$(document).ready(function() {
    $('.mess-text').toggle();
});
$(".inf-btn").click(function(e){
    $('.mess-text').slideToggle();
      $(this).text(function(i, text){
          return text === "Show info" ? "Hide info" : "Show info";
      });
})