jquery - 最初のクリックでアニメーションが正しく動作しない

Question

リンクがクリックされたときに展開され、テキストがフェードインする必要がある div タグにネストされたテキストのセクションがあります。問題は、最初のクリックでアニメーションが起動されず、コールバック関数であるテキストがフェードインするだけです。

これを理解することはできません。この問題を経験した他の人はパディングと CSS について話しますが、ここではそうではありません。

http://jsfiddle.net/XPs2w/1/

Answer 1

問題は、divのコンテンツがdisplay: none最初のクリックにあることです。これは、divに基本的にコンテンツがないこと、つまり高さがないことを意味します。つまり、0の高さから0の高さまでアニメートしています。アニメーションの最初の実行後、コンテンツはフェードインされます。コンテンツが作成されたので、高さをアニメーション化すると実際に何かが行われます。

可能性としては、静的な高さを与えることです。

http://jsfiddle.net/XPs2w/2/