Создание древовидного меню

 
function shiftSubDiv(n)
// Скрывает/раскрывает подразделы меню с ID вида subDiv1, subDiv2 и т.д.
// Номер подраздела передается в качестве аргумента.
{
  var el = document.getElementById('subDiv'+n);
 
  if ( el.style.display == 'none' )
    el.style.display = 'block'
  else
    if ( el.style.display == 'block' )
    el.style.display = 'none';
};
 

 
<div class="navHeader" id="navHeader2" onclick="shiftSubDiv(2)">Раздел</div>
<ul id="subDiv2" style="display:none"> 
          <li>Подразделы </li> 
    </ul>