Hay varias maneras para resolverlo. Las dos que comentas son validas para poderlas realizar. Pero de momento se me ocurre una mas.
Crear un div donde anidaras el div de la imagem, y el div del texto al "click". Pudiera ser de esta manera:
Y simplemente vuelves a posicionar los elementos con css.
Código CSS:
Ver original#contenedor{
display:inline-block;
.
.
}
.imagen{
}
.click{
}
Si te fijas, ahora hemos asignado el display:inline-block, al contenedor, puesto que aqui insertaremos la imagen y su respectivo click.
Se aceptan karmas