jQuery slideToggle 奇怪的行为

Question

我真的需要帮助，我看不到明显的东西，通常最好寻求帮助。 我在 12 列网格中有 4 个 div。每个 div 都是可点击的，点击后应在其下方显示相应的 div，最初设置为 display:none。

只要我按从头到尾的顺序单击它们，一切都很好，但是如果我第一次单击，比如说在第三个 div 上，它会显示其对应的 div，但不在其下方，它会显示它代替第一个对应的div。

我这里用的是简单的slideToggle，真的不明白哪里出了问题。如果我把对应的div（隐藏的）设置为可见，它们都显示正确，所以不是CSS错误。

我可以提供代码，但我把它放在网上，只需点击方法选项卡，你就会明白我的意思。

Here is the link

对不起，如果我没有更好地解释它，英语不是我的母语。谢谢！

Answer 1

您需要为这些 div 保留空间。使用visibility:hidden 和animation，但不要使用不会为隐藏元素保留空间的display:none。所有内置效果函数，如hide()、slideToggle() 等，都会将display:none 设置为您的元素。