JSFiddle - React, Tailwind, and code Playground

HTML

<html>
  <body>
      <div><h6>Second</h6><p>Etiam porta sem malesuada magna mollis euismod. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.</p></div>
    
    <div><h6>Last</h6><p>Etiam porta sem malesuada magna mollis euismod. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.</p></div>
      
      <button id="gen">Generate</button>
  </body>
</html>

CSS

div {
  width: 200px;
  border: 1px;
  border-color: black;
  border-style: solid;
}

JavaScript

$('#gen').click(function() {
    $('<div><h6>Another</h6><p>Etiam porta sem malesuada magna mollis euismod. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.</p></div>').hide().prependTo('body').show("slide", {direction: "up"}, "slow");
});