如何将从JSON获取内容的导航栏连接到jquery并使用按钮作为切换

<script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>

<nav>
  <ul id="navLinks"></ul>
</nav>

<div id="content"></div>

{
  "links": [
    {
      "title": "Link 1",
      "content": "Content 1"
    },
    {
      "title": "Link 2",
      "content": "Content 2"
    },
    {
      "title": "Link 3",
      "content": "Content 3"
    }
  ]
}

$(document).ready(function() {
  $.getJSON("your_json_file.json", function(data) {
    var links = data.links;
    var navLinks = $("#navLinks");
    var content = $("#content");

    $.each(links, function(index, link) {
      var listItem = $("<li></li>").text(link.title);
      navLinks.append(listItem);

      listItem.click(function() {
        content.text(link.content);
      });
    });
  });
});