jQuery slideToggle奇怪的行为

Question

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

一切都很好，只要我按顺序点击它们从头到尾，但如果我第一次点击，让我们说第三个div，它会显示相应的div，但不会显示在它下面，它会显示它代替第一个相应的div。

我在这里使用简单的slideToggle，实际上无法理解错误。如果我将相应的div（隐藏的div）显示为可见，它们都会正确显示，所以它不是CSS错误。

我可以提供代码，但我把它放在网上，只需点击方法标签，你就会看到我的意思。

Here is the link

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

Answer 1

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