Question

我创建了一个切换按钮，用于在单击时显示（切换）隐藏的元素。总的来说它工作正常但是当你单击按钮CLICK HERE时，你会注意到未覆盖的内容最后会产生一些跳跃/小故障。这是什么原因？这是链接：

Answer 1

这是由于你的.form-data保证金。

它的上下边距为20px，但当该元素被隐藏时，该40px边距空间不存在，跳跃是添加了这个额外空间

Answer 2

这是你的提交按钮底部边距....你需要使它无效。

.submit, .show_inputs {
    margin: 15px auto;
   .......
}

在

下添加以下一行

.show_inputs {
   margin-bottom:0;
}