javascript - ロード時のjQueryのスライドダウン

Question

Web サイトのすべての div を読み込み時にスライドさせようとしていますが、そうではありません。ただし、jQuery 用に別のドキュメントを作成しました。

これはHTML、2 つのドキュメントをリンクするためのタグです。

<head>
<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="script.js"></script>
</head>

これは、ドキュメントの読み込み時にすべての div を下にスライドさせる jQuery コードです。

$(document).ready(function() {
var div=$("div").slideDown("slow");
};

CSS で表示を none に設定しましたが、div が表示されなくなりました。誰かが私に問題を教えてくれれば、それは素晴らしいことです!

score 2 · Accepted Answer

あなたのコードは正しいと思いますが、最後に ) がありません。ブラウザコンソールで jquery エラーがあるかどうかを確認してください。

$(document).ready(function() {
var div=$("div").slideDown("slow");
});

score 1 · Accepted Answer

が欠けているようです)。これが実際の例です: http://jsfiddle.net/daCrosby/cuEHB/

CSS

div{
    display:none;
}

HTML

<div>
    content
</div>
<div>
    content
</div>

jQuery

$(document).ready(function() {
    var div = $("div").slideDown("slow");
});

5 に答える 5