JSFiddle - React, Tailwind, and code Playground

HTML

<body>
  <div id="content">
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur eu rutrum ligula. Suspendisse a mollis turpis. Proin eget lacus sed nisl porta vehicula vitae sagittis lacus. Nunc interdum efficitur arcu vitae condimentum. Sed ut aliquet purus, at egestas orci. Maecenas ipsum augue, interdum venenatis tristique vitae, condimentum mattis dolor. Vivamus rhoncus neque ut augue interdum, et condimentum odio malesuada. Integer semper id orci non scelerisque. Donec odio quam, varius dapibus metus in, vulputate sodales nisi. Sed ante eros, consequat a pellentesque malesuada, sagittis at dolor. Nulla facilisi. In turpis lacus, iaculis nec viverra vitae, blandit vel odio. Aenean vitae congue mauris. orem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur eu rutrum ligula. Suspendisse a mollis turpis. Proin eget lacus sed nisl porta vehicula vitae sagittis lacus. Nunc interdum efficitur arcu vitae condimentum. Sed ut aliquet purus, at egestas orci. Maecenas ipsum augue, interdum venenatis tristique vitae, condimentum mattis dolor. Vivamus rhoncus neque ut augue interdum, et condimentum odio malesuada. Integer semper id orci non scelerisque. Donec odio quam, varius dapibus metus in, vulputate sodales nisi. Sed ante eros, consequat a pellentesque malesuada, sagittis at dolor. Nulla facilisi. In turpis lacus, iaculis nec viverra vitae, blandit vel odio. Aenean vitae congue mauris.</p>

  </div>
  <div class="butao text-center">
    <button class="btn" id="btn" type="button" name="button">SHOW MORE</button>
  </div>

  <script src="js/script.js" charset="utf-8"></script>
</body>
</html>

CSS

#content{
  margin: 0 auto;
  width: 500px;
  max-height: 270px;
  overflow: hidden;
}

#content.open{
  max-height: 1000px;

  -webkit-transition: max-height 0.7s;
  -moz-transition: max-height 0.7s;
  transition: max-height 2.9s;
}

JavaScript

var content = document.getElementById('content');
var button = document.getElementById('btn');

button.onclick = function (){

  if (content.className == "open"){

    content.className = "";
    button.innerHTML = "Show More";

  } else {

    content.className = "open";
    button.innerHTML = "Show Less";

  }
};