jQuery slideToggle奇妙な振る舞い

Question

私は本当に助けが必要です。私は明白な何かを見ることができません。そして、通常は助けを求めるのが一番です。 私は12列のグリッドに4つのdivを持っています。各divはクリック可能です。クリックすると、その下に対応するdivが表示されます。

最初から最後まで順番にクリックすればすべてが問題ありませんが、最初にクリックすると、3番目のdivには対応するdivが表示されますが、その下には表示されません。最初の対応するdiv。

ここでは単純なslideToggleを使用していますが、実際に何が間違っているのか理解できません。対応するdiv（非表示のもの）を表示すると、それらはすべて正しく表示されるため、CSSエラーではありません。

私はコードを提供することができますが、私はそれをオンラインにして、メソッドタブをクリックするだけで、私は何を意味するのか分かります。私はそれをよりよく説明していない場合

Here is the link

申し訳ありませんが、英語は私の母国language.Thanksではありません！

Answer 1

これらのdivのスペースを確保する必要があります。 visibility:hiddenとanimationを使用しますが、隠し要素のためのスペースを確保していないdisplay:noneは使用しないでください。 hide(),slideToggle()などの組み込みのエフェクト関数はすべて、エレメントにdisplay:noneを設定します。