muito bom, muito bom mesmo, eu apliquei o seu codigo no meu exemplo no codpen. Ficou ótimo, o negócio é que o sub-menu ele já nasce aberto. veja: codepen.io/johnquimera/pen/MrxWyG
permita-me tomar um pouco mais de seu tempo. No codigo jquery eu utilizava slideToggle(300) e toggleClass('is-open') com transform: rotate(180deg); na classe "is-open" para criar um efeito bonitinho. pastebin.com/b5XxZJd0 é possível fazer isso também nesse código?
Eu não tenho uma ideia de como fazer isso. Por isso a pergunta. O exemplo na minha pergunta só foi para demonstrar o que preciso, não foi minha ideia de solução. Preciso adicionar uma classe no Body ou em uma div, enquanto a classe loading que aparece temporariamente enquanto as imagens estão carregando.
Não vejo como poderia ser mais claro num caso desses, não imagino uma solução para esse problema, meu exemplo rústico foi apenas para demonstrar a situação. veja essa demo andreaverlicchi.eu/lazyload/demos/lazily_load_lazyLoad.html use o inspetor do navegador, você verá que a class "loading" entra em atividade enquanto está carregando as imagens, e quando termina é substituída pela class "loaded" o quero é adicionar uma class em outro elemento enquanto a classe loading estiver em atividade.