Como duas areas na pagina onde uma se contrai quando a outra se expande

Bom dia Senhores,

Estou precisando criar o efeito do gif anexado onde, no meu caso, tenho um menu lateral (NAV) ja construído e preciso que a pagina onde vai estar o conteúdo (que é uma div mas nao sei se é o ideal) se expanda e se colapse ao fechar e abrir o menu. Estou fazendo um treinamento em html e isso serviria para que os usuários pudessem fazer opção entre visualizar o conteúdo do treinamento em 100% da pagina e manter o menu fechado e abri-lo somente quando forem trocar de pagina ou deixa-lo abeto sempre e a pagina ficar menor.

Espero ter sido claro e agradeço pela ajuda.