Как перемещать элементы, когда раскрывающийся список раскрыт

В настоящее время я работаю над задачей, в которой мне требуется, чтобы после раскрытия раскрытия элементы ниже раскрывающегося списка не должны скрываться.

Они должны двигаться вниз по мере того, как выпадающее растение расширяется и поднимается вверх по мере того, как падает вниз.

Это возможно?

У меня есть пример кода ниже:

<select id="test">
<option value="a">A</option>
<option value="b">B</option>
<option value="c">C</option>
<option value="d">D</option>
<option value="e">E</option>
</select>
<div>abc</div>

Я хочу, чтобы div " abc " перемещался вниз, когда раскрывающийся список расширяется, чтобы он не скрывался за вариантами выпадающего списка.

После выпадающего разворота я хочу, чтобы div "abc" возвращался в исходное положение.