Menu > Submenu

<li id="submenuli"><i class="dashicons dashicons-welcome-write-blog"></i><span> Editar Paginas</span>
 <ul id="sub-menu">
 <li>Sobre dashing.net</li>
 </ul>
</li>

Alguem me ajuda com um codigo js, Quando clica na linha 1 o #sub-menu da DISPLAY:block e quando clica novamente DISPLAY:NONE ?

Obrigado!