function treeFunc(headingId) {
  var listId = headingId+"_list";
  if (!document.getElementById(listId)){         //申請書リストが非表示なら
    var appliList = document.createElement("ul");//ul要素を作成して
    appliList.id = listId;                       //ul要素にidを付与
    appliList.className = "shinsei_list";        //ul要素にclassを付与(見た目制御用)
    for(i=0;i<appliNames[listId].length;i++){                            //listIdに該当する申請書配列から申請書数を取得
      var eachAppliName = document.createTextNode(appliNames[listId][i]);//その配列から申請書名を取り出し
      var eachAppliListItem = document.createElement("li");              //li要素を作成して
      eachAppliListItem.appendChild(eachAppliName);                      //そのli要素に取り出した申請書名を書き込む
      appliListItems = new Array();
      appliListItems[i] = eachAppliListItem;                             //書き込んだli要素を配列にして
      appliList.appendChild(appliListItems[i]);                          //ul要素にli要素を書き込む
    }                                                                    //以上を申請書数と同じ回数繰り返す
    var appliHeading = document.getElementById(headingId);               //クリックしたh3要素を取得し
    appliHeading.parentNode.insertBefore(appliList,appliHeading.nextSibling);//「そのh3要素の親要素の中のそのh3要素の後ろの要素の前」つまりh3要素の後ろにul要素を書き込む
  } else {                                        //申請書リストが表示されていたら
    var appliList=document.getElementById(listId);//当該リストをidで抽出して
    appliList.parentNode.removeChild(appliList);  //親要素から削除する
  }
}

