.slideDown（）がこのIf/Elseステートメントで動作しないのはなぜですか？

http://jsfiddle.net/4SbXV/.slideDown（）がこのIf/Elseステートメントで動作しないのはなぜですか？

if/elseステートメントを追加する前にうまくいきましたので、私は少し混乱しています。 #projectpanelが表示されたらクリックしたときに、新しいコンテンツが徐々に消えてフェードアウトするようにしようとしています。 any1は、クラス名が一致しないので、そのはclosebuttonが動作しないすべての

出典

2011-12-18 Joe Bobby

で何もしていないので、私はそれで間違ってやっていると指摘し、あなたことができる場合も閉じるボタンで問題が発生して

live()

$("#projectpanel").slideUp(500).hide;

を追加する必要が欠落しています。

$("#projectpanel").slideUp(500).hide();

http://jsfiddle.net/4SbXV/8/

編集：あなたはこのようなslideDownのために、あなたのCSSに#projectajaxためdisplay: none;を追加する必要がフィドル

出典

2011-12-18 15:36:54 Richard

それを試してみてください彼のJSフィドルのl.7.1;したがって、['live（）']（http://api.jquery.com/live/）は推奨されなくなりました（また非常に実装されていません）、['on（）']（http://api.jquery.com/ on /）は1.7以上に推奨され、1.7より前には 'delegate（）']（http://api.jquery.com/delegate/）を優先的に使用するべきです。 –

あなたは正しいよデビッド、私はフィドルを変更しましたhttp://jsfiddle.net/4SbXV/8/ – Richard

@リチャードありがとう！遅い応答のために申し訳ありません、新しいstackoverflowにsitll。インスタントメールのアラートをオンにする方法はありますか？ –

を更新：

#projectajax{display: none; padding: 40px 0; }

彼はjQueryのを使用していますHere

出典

2011-12-18 15:42:14

ありがとうございました！まだJQueryの新機能なので、display：none;必要です。これが必要な時を理解しやすくするルールがありますか？ –

divに 'slideDown'アニメーションを適用するには、不可視でなければなりません。 e。つまり、display：none'を指定すると、表示プロパティが変更されたことをslideDownに適用した後に表示されるFirebugを使用してページのスタイルが表示される場合、表示をブロックするだけです。 –

私は:)感謝を参照してください！ –

.slideDown（）がこのIf/Elseステートメントで動作しないのはなぜですか？

答えて

関連する問題