JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<div class="page-content">
  <div>
    <h3><a href="#">Bod jedna</a></h3>
    <div>
      obsah
      <br />
    </div>
  </div>

  <div>
    <h3><a href="#">Bod dva</a></h3>
    <div>
      obsah
      <br />
    </div>
  </div>
</div>
<div>
  <button id="addAccordion">Pridej</button>
</div>

JavaScript

$(document).ready(function() {

  $(".page-content").accordion({
    header: "> div > h3",
    collapsible: true,
    active: false,
    autoHeight: false,
    autoActivate: true
  });

  $("button").button();
  $('#addAccordion').click(function() {
    $('.page-content').append("<div><h3><a href='#'>Dalsi bod</a></h3><div>S obsahem</div></div>");
    $('.page-content').accordion("refresh");
  });
});