树形菜单 jquery

<ul id="tree-menu">
  <li>节点1
    <ul>
      <li>子节点1.1</li>
      <li>子节点1.2</li>
    </ul>
  </li>
  <li>节点2
    <ul>
      <li>子节点2.1</li>
      <li>子节点2.2</li>
    </ul>
  </li>
</ul>

$(document).ready(function() {
  // 默认展开所有节点
  $('#tree-menu li').has('ul').children('ul').css('display', 'block');

  // 点击节点时展开或折叠子节点
  $('#tree-menu li').click(function(event) {
    event.stopPropagation();
    $(this).children('ul').slideToggle();
  });
});

$.ajax({
  url: 'path/to/data',
  method: 'GET',
  success: function(data) {
    var treeMenu = $('#tree-menu');
    $.each(data, function(index, item) {
      var li = $('<li>').text(item.name);
      if (item.children && item.children.length > 0) {
        var ul = $('<ul>');
        $.each(item.children, function(childIndex, childItem) {
          ul.append($('<li>').text(childItem.name));
        });
        li.append(ul);
      }
      treeMenu.append(li);
    });
  }
});