GetOrgChart在扩展show只有第一行的孩子

Question

我正在使用GetOrgChart，并且我试图添加一个函数，所以当你关闭顶级然后再次进行exapand时，它应该只显示孩子们在它下面。

这是我的演示：

＆＃13;

＆＃13;

var orgchart = new getOrgChart(document.getElementById("people"), {
      primaryFields: ["name", "title", "phone", "mail"],
      expandToLevel: 4,
      dataSource: [{
        id: 1,
        parentId: null,
        name: "Amber McKenzie",
        title: "CEO",
        phone: "678-772-470",
        mail: "lemmons@jourrapide.com",
        adress: "Atlanta, GA 30303"
      }, {
        id: 2,
        parentId: 1,
        name: "Ava Field",
        title: "Paper goods machine setter",
        phone: "937-912-4971",
        mail: "anderson@jourrapide.com"
      }, {
        id: 3,
        parentId: 1,
        name: "Evie Johnson",
        title: "Employer relations representative",
        phone: "314-722-6164",
        mail: "thornton@armyspy.com"
      }, {
        id: 4,
        parentId: 1,
        name: "Paul Shetler",
        title: "Teaching assistant",
        phone: "330-263-6439",
        mail: "shetler@rhyta.com"
      }, {
        id: 5,
        parentId: 2,
        name: "Rebecca Francis",
        title: "Welding machine setter",
        phone: "408-460-0589"
      }, {
        id: 6,
        parentId: 2,
        name: "Rebecca Randall",
        title: "Optometrist",
        phone: "801-920-9842",
        mail: "JasonWGoodman@armyspy.com"
      }, {
        id: 7,
        parentId: 2,
        name: "Spencer May",
        title: "System operator",
        phone: "Conservation scientist",
        mail: "hodges@teleworm.us"
      }, {
        id: 8,
        parentId: 6,
        name: "Max Ford",
        title: "Budget manager",
        phone: "989-474-8325",
        mail: "hunter@teleworm.us"
      }, {
        id: 9,
        parentId: 7,
        name: "Riley Bray",
        title: "Structural metal fabricator",
        phone: "479-359-2159"
      }, {
        id: 10,
        parentId: 7,
        name: "Callum Whitehouse",
        title: "Radar controller",
        phone: "847-474-8775"
      }]
    });


    

＆＃13;

html,
body {
  margin: 0px;
  padding: 0px;
  height: 100%;
  overflow: hidden;
}

#people {
  width: 100%;
  height: 100%;
}

＆＃13;

<link href="http://www.getorgchart.com/GetOrgChart/getorgchart/getorgchart.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://www.getorgchart.com/GetOrgChart/getorgchart/getorgchart.js"></script>
<div id="people"></div>

＆＃13;

＆＃13;

＆＃13;

因此，如果您点击Amber McKenzie的-，那么它会关闭整个orgchart。然后，当您点击+时，它会像之前一样打开它。

我想要的是当您点击+按钮时，它只显示下面的孩子。又名Ava Field - Evie Johnson - Paul Shetler

Here is my own attempt to make it myself