Javascript 删除行之间的空格

我为每一个进退两难/问题排了一行，问题旁边有一个图像按钮。当我单击按钮时，特定问题的答案会显示在问题的正下方。答案是隐藏的，直到我点击一个按钮来显示它们。然而，在我点击一个问题的按钮之前，所有的问题都列出了，没有显示答案

我想解决的问题是，问题之间有太多的空间，我想原因是隐藏的文本在它们之间。我想修正一下，当没有人被点击时，问题行之间没有太多空间，然后在点击的问题下方显示答案文本。它已经显示了被点击后问题下方的答案，但我想在未点击时删除大空间。问题是，我的问题和答案之间甚至没有任何

，而且可能因为隐藏的文本而有很大的空间

这是我必须添加到CSS中的东西吗？我给你看看我有什么

.问题总结{
下边缘：2米
}
p、 答复{
显示：无
}
$（文档）.ready（函数（）{
$（“.answer toggle”）。单击（函数（）{
$（this）.closest（'.question wrap'）.find（'.answer'）.toggle（）；
});
});

echo“两难”。$row['qid']。“-Svar”$第['aid']行“：”$第['points']行，“av 10 Poäng
这是一段内容很少的段落


“；

JavaScript或HTML没有问题，但是CSS有一个非常明显的问题

您有一个

页边距底部：2米，以及每个问题/答案对之间的

。所有的间距实际上都是加起来的，所以要去掉间距


删除
页边距底部
语句

或

移除

标签，并将
页边距底部更改为类似
0.5em


我建议您选择第二个选项，因为CSS应该负责样式设计，而不是HTML


$（文档）.ready（函数（）{
$（“.answer toggle”）。单击（函数（）{
$（this）.closest（'.question wrap'）.find（'.answer'）.toggle（）；
});
});
。问题总结{
页边距底部：0.5em；/*将此更改为所需*/
}
p、 答复{
显示：无；
}

问题1
作答
答案1

问题2
作答
答案2

问题3
作答
答案3

您是否尝试在答案上使用页边空白，而不是在问题上使用页边空白？您需要将答案绑定到div中，以便可以隐藏div。@VasimVanzara您有什么建议，它在代码中应该是什么样子的吗？删除。问题包装{margin bottom:2em}并尝试。唯一的区别是我删除
时。将页边距底部更改为0.5em och完全删除它没有任何区别，而且自从我删除后，仍然有一个空间，但更小。也许我应该试着把答案写进一个特定的部分，并用最小页边距顶部和最小页边距底部来设计它。你确定你发布了所有相关的代码吗？我在我的答案中添加了一段代码片段，显示它运行良好。已经有一段时间了。我认为选择正确的答案是安全的。