如何通过AJAX在JQuery Accordion中加载内容

<div id="accordion">
  <h3>Section 1</h3>
  <div>
    <p>Content for section 1...</p>
  </div>
  <h3>Section 2</h3>
  <div>
    <p>Content for section 2...</p>
  </div>
</div>

$(document).ready(function() {
  $("#accordion").accordion({
    collapsible: true,
    active: false,
    heightStyle: "content"
  });
});

$(document).ready(function() {
  $("#accordion").accordion({
    collapsible: true,
    active: false,
    heightStyle: "content"
  });

  $.getJSON("path/to/your/data.json", function(data) {
    $.each(data, function(index, item) {
      var accordionSection = $("<h3>").text(item.title);
      var accordionContent = $("<div>").html(item.content);
      $("#accordion").append(accordionSection).append(accordionContent);
    });
  });
});