[Hag1989]

ссылка не работает

Скопируйте в адресную строку браузера IE, затем сохраните.

доступ к php есть

Нет, к сожалению проект, в конечной его реализации, вообще не предполагает использования сервера, всё будет выполняться локально, средствами браузера, поэтому только js.

Использовать jQuery возможно?

Да.

как вам удобно и разумно.

Старый скрипт работал с довольно навороченной статической конструкцией (кот. приходилось полностью писать вручную) из блоков <div> и списков, вот отрывок:

<div>
      <ul>
      <li>
      <div class="folder">
        <a onclick="return !openTree('1_1');" href="" title="Label" class="button">
       <div class="vertical"><img id="img1_1" src="img/close.gif"></div>
       Габитус</a>       </div>
      </li>
      
     <div id="child1_1" style="display: none">
     <ul>
     <!-- Начало 1_1 подблока  меню -->
     <li>
        <div class="zagolovokpriznaka"><a onclick="return !openTree('1_1_1');" href=""><img src="img/close.gif" name="img1_1_1" align="left" id="img1_1_1">Жизненная форма</a></div>
      </li>
       <!-- Начало 1_1_1 подблока  меню -->
      <div id="child1_1_1" style="display: none">
             <ul>
        <li>
        <strong class="zagolovokpriznakagroop">
        <a onclick="return !openTree('1_1_1_1');" href="">
        <img src="img/close.gif" name="img1_1_1_1" align="absmiddle" id="img1_1_1_1"></a>
        <input type="checkbox" name="1_1" id="checkbox1">
        Деревья </strong>      </li>
		<!-- Начало 1_1_1_1 блока  меню итоговый список -->
        <div id="child1_1_1_1" style="display: none">
          <ul>
            <li class="list">
          <input type="checkbox" name="2_1" id="checkbox2"> 
          1-10 м выс. &quot;?&quot;           </li>
            <li class="list">
          <input type="checkbox" name="2_2" id="checkbox3"> выше 10 м выс.            </li>
           </ul>                    
      </div> ...