Quiero que cuando el div padre haya alcanzado su máximo height establecido, se active el div hijo, cómo puedo lograrlo con jquery?
<button class='activar'></button>
<div class='div-background'>
<div class='contenido-oculto'>
--Mi contenido oculto--
</div>
</div>
<style>
.div-background{
height: 0;
width: 100%;
background: yellow;
display: none;
-webkit-animation: height 2s;
animation: height 2s;
}
.contenido-oculto{
background: red;
display: none;
}
</style>
<script>
// aquí tengo una función que al dar click se activa el background padre, pero quiero agregarle una para cuando el background padre alcanze el height establecido se active el div hijo
$('.activar').click(function(){
$('.div-background').css({
"display": "block",
"height": "200px;"
});
});
</script>