javascript - slideToggle 导致小故障

标签 javascript jquery css slidetoggle

我创建了一个切换按钮,单击它会显示(切换)隐藏的元素。总的来说它工作正常,但是当您单击按钮 CLICK HERE 时,您会注意到未覆盖的内容在最后出现了一点跳跃/故障。这是什么原因?这是链接:

https://jsfiddle.net/0ybkknaf/

最佳答案

这是由于您的 .form-data 边距。

它有一个 20px 的顶部和底部边距,但是当该元素被隐藏时 40px 的边距空间不存在,跳转就是添加了这个额外的空间

关于javascript - slideToggle 导致小故障,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50190761/

相关文章:

javascript - JQuery/Javascript : Getting locally changed booleans

html - 居中对齐 Logo 并围绕其水平对齐 UL

javascript - CSS 关键帧的覆盖位置不起作用

css - 如何通过CSS居中对齐菜单?

Javascript div 不堆叠

javascript - 将标题设置为 Web 组件上的属性会触发最大调用堆栈

javascript - 如何使用 JavaScript 更改文本的字体粗细

javascript - 我对闭包的理解是错误的吗?

javascript - 让 setInterval 处理 html 列表项中的子元素

javascript - 为什么 parseInt(key) === NaN 总是求值为 false