Desplazar div hacia abajo

[Jibarra87]

Buenas tardes gente, estoy trabajando en un formulario y con una funciona de javascript que muestra una caja debajo de las opciones de selección, lo que quiero hacer es que las otras opciones que vienen debajo se corran hacia abajo dando lugar a la nueva div. me explico?

Más bien, tengo un input con un select y algunas opciones, al seleccionar una de ellas, debajo se carga un div con mas opciones, pero debajo de este input viene otro div con otras opciones, la idea es que cuando yo selecciono, me muestre el div de abajo y el otro div que ya estaba abajo se corra hacia abajo quedando todo ordenado, me explico?

[rodocoyote15]

Esto toca con javascript/jquery. En teoría, debes de crear un div padre y dentro los div hijos, en cada cambio, reordenar la posición de los divs hijos. Imagino que así podría funcionar.

Ahora, hasta el momento, ¿cómo tienes para mostrar los divs? Sería bueno que pudieras proporcionarnos el código. Saludos

[ExpectedMoss0]

rodocoyote15 está en lo cierto, deberás utilizar javascript/jQuery. Podrías crear un elemento padre y dentro ir añadiendo los elementos hijos como lo menciona el compañero, algo como esto:

Código HTML:

<div id="elemento_padre">
  <div id="elemento_hijo">Resultado 1</div>
  <div id="elemento_hijo">Resultado 2</div>
</div> 

Para lograr esto podrías guardar en una variable los elementos que se encuentren dentro del "elemento_padre" y vaciar este, enseguida crear una sentencia en la que añadas el nuevo elemento pero al mismo tiempo añadas al final la variable que contiene los elementos actuales para que de esta forma se ordenen automáticamente.

Espero que mi explicación te ayude.