Averiguar alto de un div que se genera dinámicamente

Hola a todos, ayer publique un tema sin mucho éxito y hoy vengo con una duda que no consigo resolver y a ver si tengo más suerte y alguien por aquí me puede echar una mano.

Tengo una imagen que al pinchar sobre ella genera un div con la clase .expanded y me gustaría saber como averiguar el alto que tiene este div (ya que varía según el contenido que tenga dentro) para guardarlo en una variable y poder realizar luego un simple cálculo aritmético.

Utilizando la forma de siempre no me funciona porque cuando se carga la página ese div no existe obviamente por lo que si pongo

Código Javascript :

alto = $('.expanded').height();

no me devuelve nada.

¿Cómo puedo hacer para ejecutar el script una vez que se ha generado el div para así averiguar el alto que tiene?

Perdón si la pregunta es muy tonta, es que no controlo mucho de JS

Muchas gracias de antemano

Un saludo

Un truco habitual es incluir una imagen al final de tu página y en el onLoad medir elementos que se renderean, ej:

<!-- NOTE: On load trick --> <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVQIW2NgYAAAAAMAAdzsfUgAAAAASUVORK5CYII=" class="h-hidden" onload="f_login_load();">

En el ejemplo se usa base un png inline, pero puedes usar cualquier imagen, por ejemplo un gif de 1 px.

Jorge