Evitar que se mueva un div por otro

[TrinityCore]

Hola gente espero esten bien!.

Veran, resulta que tengo un html algo asi:

Código HTML:

<div id='caja'>
<div id='1'>Titulo del div..</div>
<div id='seccion1'>

<!---- Aqui el contenido... ---->

</div>
<div id='2'>Titulo del div..</div>
<div id='seccion2'>

<!---- Aqui el contenido... ---->

</div>
</div>

<div id='previa'>

</div> 

El problema es que utilizo Jquery para abrir y cerrar las secciones con slideToggle

pero cuando una seccion se abre, el div #previa se va para abajo, ese div esta a la misma altura del div #caja.

Lo que yo quiero es que cuando las secciones se abran este div #previa quede en su lugar.

Que podria hacer con css para obtener ese resultado?

Espero me ayuden, gracias de antemano!.

[juanito1712]

no consigo entender muy bien lo que tienes ni como lo has dispuesto a la misma altura, ¿podrías poner los estilos?