jQuery slideToggle奇怪的行为

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

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

我在这里使用简单的slideToggle,实际上无法理解有什么问题。如果我将相应的div(隐藏的那些)显示为可见,它们都会正确显示,所以它不是CSS错误。

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

链接在这里

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

你需要为这些div留出空间。 使用visibility:hiddenanimation但不要使用display:none ,它不会为隐藏元素留出空间。 所有内置的效果函数,如hide()slideToggle()等都会将display:none设置为您的元素。