javascript - 动画折叠移动其他元素

Question

我正在使用 animatedcollapse 创建一个菜单，其中包含在单击时展开的 div。它可以工作，但是当一个 div 被折叠而另一个 div 被展开时，会移动以下元素，从而产生轻微的晃动效果。我很确定解决方案涉及将可折叠的 div 包装在另一个容器中，但我无法完全理解它。

网站： http: //nicholasarehart.com/designs/sites/RCA/expertise/

Answer 1

我在我的一个项目中使用了相同的 Js 代码，有两种解决方案：

1. 在创建 div 时没有自动调整 div 的大小，它会转换到下一个“切换”div 的大小，如果您将所有 div 设置为相同大小，它应该消除大小之间的转换
2. 绝对定位元素，使其不会移动，考虑到您的网站，这将是这两个选项中复杂得多的一个。

我用两者来解决我的问题。