Jquery 展开下拉列表时如何移动元素

我目前正在执行一项任务，要求在下拉列表展开后，下拉列表下方的元素不应隐藏

当下拉菜单展开时，它们应该向下移动，当下拉菜单未展开时，它们应该向上移动

这可能吗

我在下面有一个示例代码：

<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>

A.
B
C
D
E
abc

我希望div“abc”在下拉列表展开时向下移动，这样它就不会隐藏在下拉选项后面

---

一旦下拉列表取消展开，我希望div“abc”回到它原来的位置。

如果你的意思是不希望下拉列表后面隐藏元素，那么你有两种方法

将onClick事件附加到下拉列表，以将下面框（包含其他元素）或选择框的容器的最小高度css属性从“自动”更改为所需的像素量

在CSS中实现一个下拉列表，其中divs/ul显示和隐藏子元素。您可以采取与网站标题中的下拉菜单相同的方法。这将向下推送所有内容

---

对不很可能。。。大概我不知道。。。所有这些都取决于您的情况，如果您不向我们展示您的代码，我怀疑您是否能得到更好的答案，我将使用上面的答案：）