Com base no site do OneDrive, onde se tem um menu drop-down do lado esquerdo que quando clicado na div OneDrive ele carrega o menu para baixo; e se clicado novamente ele voltado no primeiro estado, que é o menu recolhido.
Estou tentando fazer esta animação, só que usando apenas Javascript. Depois de muita pesquisa, vi que não é recomendável usar algum temporizador para fazer estes tipos de animações. O RequestAnimationFrame é usado para isso. Segue o código onde já consegui fazer boa parte do que desejo. Acho que o que está acontecendo é que não consigo parar a animação no devido momento, e, por consequência, não consigo manipular corretamente o cancelRequestAnimationFrame.
No código, o que estou tentando fazer é que quando eu clicar no quadrado ele vá para baixo. Quando clicar novamente ele vá para cima. E fique fazendo apenas estes dois movimentos, para que depois eu consiga fazer um menu com base nisto.
Obrigado.