Animação de revelar caixa de texto de baixo para cima em Javascript

Bom dia. Estou travado em um parte do meu código que só preciso fazer uma pequena animação de uma caixa aparecendo em um formulário.

image

como podem ver, é só uma pequena caixa que deve aparecer quando o usuário clicar no botão de enviar. Para o clique já está feito, só preciso de uma animação de revelar essa caixinha de texto e outro detalhe é que a animação deve acontecer de baixo para cima, digamos, “empurrando” o conteúdo do formulário para cima e aumentando ele.

ANTES:

DEPOIS:

É como se fosse um collapse invertido. Em vez de “crescer” para baixo, ele “cresce” para cima. Já tentei o show() do JQuery, mas fiquei sem sucesso, pois ele só cresce para baixo. Deve ser algum código simples que faça isso, se puder alguém me ajudar por favor, ficarei agradecido.