JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/jquery-1.9.1.min.js">
</script>
<script>
  $(document).ready(function() {
    $('#button1').on("click", function(event) {
      $('#div2').html("<p> This is div 2</p><input type='button' id='button2' class='dynamicbuttons' value='show3'>");
      $('#div2').show();
    });
    $('.dynamicbuttons').on("click", function(event) {
      $('#div3').html("<p> This is div 3</p>");
      $('#div3').show();
    });
  });

</script>

<body>
  <div id="div1">
    <p> This is div 1</p>
    <input type="button" id="button1" value="show2">
  </div>
  <div id="div2" style="display:none;">
  </div>
  <div id="div3" style="display:none;">
  </div>

</body>