Javascript jQuery滑动切换奇怪的行为

Javascript jQuery滑动切换奇怪的行为,javascript,jquery,jquery-animate,slidetoggle,Javascript,Jquery,Jquery Animate,Slidetoggle,我真的需要帮助,我看不到明显的东西,通常情况下,寻求帮助是最好的。 我在一个12列的网格中有4个div。每个div都是可单击的,单击时应在其下方显示相应的div,该div最初设置为display:none 只要我从头到尾按顺序单击它们,一切都很好,但是如果我第一次单击,比如说第三个div,它会显示其对应的div,但不在其下方,它会显示它来代替第一个对应的div 我在这里使用的是简单的滑动切换,真的不明白哪里出了问题。如果我将相应的div(隐藏的div)设置为可见,它们都会正确显示,因此这不是CS

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

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

我在这里使用的是简单的滑动切换,真的不明白哪里出了问题。如果我将相应的div(隐藏的div)设置为可见,它们都会正确显示,因此这不是CSS错误

我可以提供代码,但我把它放在网上,只要点击“方法”选项卡,你们就会明白我的意思


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

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

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

谢谢,我也一直在使用动画作为最后的手段,但我仍然不明白一个div的内容如何显示在完全不同的位置。你没有指定这些元素的任何位置。它们只是漂浮着。。。如果你把另一个填充浮子移到它的位置。这就是发生的事情:)谢谢,我也把动画作为我的最后手段,但我仍然无法理解一个div的内容如何出现在一个完全不同的位置。你没有指定这些元素的任何位置。它们只是漂浮着。。。如果你把另一个填充浮子移到它的位置。事情就是这样:)