Jstree 프로그램을 보수 중에 있습니다.

  원래는 다른 사람이 만든 것을 보수하다가 다음과 같은 문제가 발생하여 고수분들께 자문을 구합니다.

    문제는 트리구조에서 접기/펴기 기능이 작동하지 않습니다. 원 개발자는 linux환경에서 개발을 하였는데 자기 서버에서는 접기 펴기 기능이 잘 된다고 하던데 이상하게 제 홈페이지에서는 이 기능이 안되고 있습니다. 제 pc인 windows xp로서 pc 환경 문제 인지 아니면 해당 코드가 완벽하지 않아서 인지 그 이유를 모르겠습니다.

 아래 그림을 참조하시고(관련 홈페이지는 www.biz-nara.com 메뉴 "프로필>특기과목관리" 입니다.

관련 코드는 major_tree.php내에
//html 부분;

<!-- 트리 시작 -->
<div id="major_tree" class="major" style="height:500px;border:1px solid #8c8cff;overflow:scroll;">
  <ul>
      <?
        //$open_tree = "";

load_major(0, $gr);
function load_major($mj_id, $gr)
{
                global $open_tree;
$sql = "select * from major_list where type = '$gr' and p_id = $mj_id ";
$result = sql_query($sql);
for( $i = 0; $row = sql_fetch_array($result); $i++ )
{
//$open_tree .= "\"$row[mj_id]\", ";
        echo "<li id='{$row[mj_id]}'><a href='#'>{$row[mj_name]}</a>";
        echo "<ul>";
        load_major($row[mj_id], $gr);         echo "</ul>\n</li>\n";
}
}
//$open_tree .= "\"\"";
          ?>
      </ul>
</div>


//Javascript 함수(Jquery)로는 ;

$(function () {
    // TO CREATE AN INSTANCE
    // select the tree container using jQuery
    $("#major_tree")
      // call `.jstree` with the options object
      .jstree({

      "themes" : {
        "theme" : "classic",
        "dots" : true
    },

      // the `plugins` array allows you to configure the active plugins on this instance
  "plugins" : ["themes","html_data","ui","crrm","hotkeys", "search"]
      // each plugin you have included can have its own config object
      //, "core" : { "initially_open" : [ <?=$open_tree?> ] }
      // it makes sense to configure a plugin only if overriding the defaults
    })
  // EVENTS
  // each instance triggers its own events - to process those listen on the container
  // all events are in the `.jstree` namespace
  // so listen for `function_name`.`jstree` - you can function names from the docs
  .bind("loaded.jstree", function (event, data) {
  // you get two params - event & data - check the core docs for a detailed description
  })
 
  // 노드 클릭시 이벤트 핸들러
  // 1) if using the UI plugin bind to select_node
  .bind("select_node.jstree", function (event, data) {
  // `data.rslt.obj` is the jquery extended node that was clicked
  //alert(data.rslt.obj.attr("id"));
  select_id(data.rslt.obj.attr("id"));
  })
 
  // 2) if not using the UI plugin - the Anchor tags work as expected
  //    so if the anchor has a HREF attirbute - the page will be changed
  //    you can actually prevent the default, etc (normal jquery usage)
  .delegate("a", "click", function (event, data) { event.preventDefault(); });

 // INSTANCES
 // 1) you can call most functions just by selecting the container and calling `.jstree("func",`

 //setTimeout(function () { $("#major_tree").jstree("set_focus"); }, 500);
 // with the methods below you can call even private functions (prefixed with `_`)
 // 2) you can get the focused instance using `$.jstree._focused()`.
 //setTimeout(function () { $.jstree._focused().select_node("#major_root"); }, 1000);
 // 3) you can use $.jstree._reference - just pass the container, a node inside it, or a selector
 //setTimeout(function () { $.jstree._reference("#major_root").close_node("#major_root"); }, 1500);
 // 4) when you are working with an event you can use a shortcut
 //$("#major_root").bind("open_node.jstree", function (e, data) {
  // data.inst is the instance which triggered this event
 // data.inst.select_node("#phtml_2", true);
 //});
 setTimeout(function () { $.jstree._reference("#major_tree").open_node("#major_tree"); }, 1000);
});

며칠을 삽질하고 있지만 해결을 못하고 있습니다. 도와주세요.
부탁하는 김에 조금 더,

탭항목을 클릭하면 탭항목 옆에 붙여놓은 '검색 input box' 와 style이 모두 사라지는데 그 이유는요?
그나저나 변수 $open_tree가 갑자기 나타났는데 이건 어디서 생긴거고 그 내용이 무엇인지요?