Selecionando Elementos filhos dentro de um for

Galera, boa tarde.

Estou trabalhando em um menu do tipo sanfona

E estou com dificuldade de selecionar os filhos do elemento selecionado. Se alguém puder me dar uma dica.

Gostaria que, ao clicar em Menu abrisse  as 'divs' filhas da classe sub-menu, e quando clicasse nas divs sub-menu exibisse suas divs filhas last-menu

<ul id='menu-geral'>
 <!--Menu Administrativo-->
	<div class='menu'><img src="/pictures/icon-administrativo.svg"><span>Administrativo</span>
 <div class='sub-menu'><span>-Graficos</span>
 <div class='last-menu'><span>-Caixa<span></div>
 <div class='last-menu'><span>-Vendas<span></div>
 </div>
 <div class='sub-menu'><span>-Relatorios</span></div>
 </div>

 <!--Menu Estoque-->
 <div class='menu'><img src="/pictures/icon-estoque.svg"><span>Estoque</span></div>
</ul>

	Em javascript tenho código

//BTNS DO MENU_GERAL

	var btn = document.querySelectorAll("#menu-geral .menu");
	for(i=0; i < btn.length; i++){
 btn[i].onclick = function(){
 //Exibir seus filhos sub-menu
 }
	}

	Não consigo é selecionar as divs da classe sub-menu dentro do for.

	Se alguem puder me ajudar.

	 

	OBS: Não estou usando jquery....tudo javascript puro