最初のクリックでアニメーションが正しく機能しない

Question

divタグにネストされたテキストセクションがあり、リンクをクリックするとテキストがフェードインされます。問題は、最初のクリックでアニメーションが起動されず、コールバック関数であるテキストが消えてしまうことです。

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

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

Answer 1

問題は、あなたのdivの内容は、最初のクリックでdisplay: noneであるということです。これは、あなたのdivに本質的に内容がないこと、つまり高さがないことを意味します。したがって、0高さから0高さにアニメーション化しています。アニメーションの最初の実行後、コンテンツは薄れていきます。コンテンツがあるので、高さをアニメートすると実際に何かが行われます。あなたは常にあなたの質問内の関連するコードが含まれている必要があり

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