Javascript 使DIV占用另一个隐藏DIV的空间

我正在制作一个测验，将在40个问题中生成一组10个问题

我的想法是使用生成的10个数字数组，并使用JQuery隐藏它们。JQuery将

.hide（）

不需要的问题，并将以默认格式显示

我需要选择问题的div，以占用隐藏div留下的空间。既然游泳池很大，有没有切实可行的方法

注意：我目前没有完成JQuery

/*测验样式*/
.测验包装{
位置：绝对位置；
最高：90%；
左：50%；
转换：翻译（-50%，-50%）；
宽度：50%；
}
.标题{
边缘顶部：50px；
高度：150像素；
文本对齐：居中；
背景色：红色；
宽度：100%；
}
.问题{
边缘顶部：10px；
}
保险商实验室{
左边距：10px；
列表样式类型：无；
}
#qu1{
可见性：隐藏；
}

你参加了测验！


您将要经历一系列10个MCQ

在问题结束时，您将获得分数

祝你好运，玩得开心

准备好后，按下下面的按钮

点击我开始！
一款玩家在竞技场风格的环境中战斗的游戏被称为__________？


网游


角色扮演游戏


开放世界


FPS


nVidia最近发布的图形卡系列的名称是什么？


RTX 3000系列


英特尔i5


震动系列


GTX 1000系列

我认为，如果JQuery

.hide（）

隐藏了任何元素，那么该元素具有

display:none

样式，因此该元素中的任何内容都不能显示。

只是为整个div设置了一个大小

隐藏的问题将显示：无，因此不会占用任何空间，您可以为所有问题设置类似

高度：100%并且他们总是填写大的div，或者如果他们也有一个设定的大小（如按像素设置，或vh等），那么问题将一直出现在列表中

不确定这是否回答了您的问题，或者您是否正在尝试做其他事情，您的意思是您总是希望下一个问题位于顶部？在这种情况下，我不会从一开始就将问题作为div的一部分，而是将它们放在JavaScript的数组中，然后使用jquery函数.prepend（）将它们作为第一个元素添加到div中