Скрывает рекурсивно блоки в html

Понадобилось мне рекурсивно скрыть все блоки (div), конечно они и так все скрываются, если скрыть родителя, но вот когда родителя показываем - они тоже показываются все - а у меня там дерево, с вариантами выбора веток, которые по мере выбора показываются.

Накатал такой код

function hideall(e) {
//Тут я скрываю только определенные блоки, а именно у них идентификатор начинается на определенную букву
var k=e.id.substr(0,1);
if (k=='r' || k=='b' || k=='c') e.style.display='none';

for(var i=0;i<e.childNodes.length;i++){
//если тип = 1 то это дочерний элемент, а если другое что-то - то что-то другое
var k=e.childNodes(i); if (k.nodeType==1) hideall(k); }
}