jQuery não atualiza altura - javascript, jquery

Eu estou tendo problemas com a função jQuery .height ().

O resultado final deve ser um div com uma dinâmicaaltura à medida que o texto muda. Portanto, eu tenho um wrapper div e um conteúdo div dentro desse wrapper. O texto está em div ocultas em outro lugar no DOM e em "importado" com a função .html () e um fadeIn / Out simulado com a configuração da opacidade para 0 e, em seguida, de volta para 1.

Quando tento alterar o conteúdo, o wrapper é redimensionado, mas com o antigo valor de altura. Eu apenas não consigo obter o valor atual do conteúdo div ...

É aqui que a mágica deveria acontecer ...

nav.click(function() {
contDiv.animate({opacity:0}, 200, function() {
contDiv.html(currCont);
contDiv.animate({opacity:1}, 200);
});

wrapper.animate({height:contDiv.height()},200);
});

Respostas:

Como diz @MrOBrian, você está animando a altura antes de o div ter seu conteúdo, você pode precisar chamar essa animação em uma função de retorno de chamada da seguinte maneira:

nav.click(function() {
contDiv.animate({opacity:0}, 200, function() {
contDiv.html(currCont);
wrapper.animate({height:contDiv.height()},200);
contDiv.animate({opacity:1}, 200);
});
});