Boa noite,

Estou quebrando a cabeça para fazer um efeito no CSS e gostaria da ajuda de vocês. O cenário é o seguinte, imagine que eu tenha duas divs ( uma embaixo da outra), quando eu clico na primeira, eu faço uma transição na opacidade para 0 e depois aplico um display:none , com isso a div debaixo assumiria o lugar da primeira, porém a segunda div sobe de um jeito "seco". Gostaria de fazer uma transição que quando a primeira div sumir, a segunda suba suavemente para o lugar da div 1? Isso é possível de fazer com transition?

Obrigado