Javascript bootstrap 4折叠在一半停止然后打开时工作不平稳

这次崩塌一半停止，然后完全崩塌

我在一次折叠中折叠了5个div，这是原因吗？？因为在W3学校它很好用。。。我是否应该将“折叠”更改为面板

我用了这个，在这个，它工作得很好

$（文档）.ready（函数（）{
$（“.logo区域”）。单击（函数（）{
$（this.toggleClass（“new-p”）；
});
});
#collapseOne{
宽度：100%；
垫顶：7%；
垫底：5%；
z指数：200；
位置：固定；
背景色：#F4；
颜色：黑色；
文本对齐：居中；
}
#衣领部{
显示：内联块；
利润率：3%；
}
#羽衣甘蓝{
字体大小：粗体；
字体大小：36px；
颜色：黑色；
}
#崩塌跨度{
颜色：黑色；
}
#collapseOne hr{
宽度：50%；
背景色：黑色；
}
.new-p{
颜色：黑色；
}

克里巴科

B'z因为你给了
paddingtop:7%或
填充底部：5%到
#collapseOne

这就是影响你的效果的原因。所以请删除这个css

如果您试图在内容之间留出空间，请在您的孩子id中添加此css，如：

#collapseOne div{padding:4%0；}

希望这有帮助

让我知道进一步的澄清


$（文档）.ready（函数（）{
$（“.logo区域”）。单击（函数（）{
$（this.toggleClass（“new-p”）；
});
});
#collapseOne{
宽度：100%；
z指数：200；
位置：固定；
背景色：#F4；
颜色：黑色；
文本对齐：居中；
}
#衣领部{
显示：内联块；
利润率：3%；
填充：4%0；
}
#羽衣甘蓝{
字体大小：粗体；
字体大小：36px；
颜色：黑色；
}
#崩塌跨度{
颜色：黑色；
}
#collapseOne hr{
宽度：50%；
背景色：黑色；
}
.new-p{
颜色：黑色；
}

克里巴科

不要给#collapseOne id加空格，而是给它的子类加空格。这就是在动画中创建急动的原因。尝试为内部类提供填充