jquery - Jquery-htmlスニペットとスライドダウンを挿入

Question

これは何らかの理由で機能したくありません。リンクがクリックhtmlされたときに、いくつかを挿入してスライドさせようとしているだけです。div

score 6 · Accepted Answer

CSSを変更します。

div {
    background: #eee;
    display:none; //add display:none;
}

以前に滑り落ちなかった理由は、すでに見えていたからです。

score 5 · Accepted Answer

はい、ahren と同じことを言おうとしました。div は既に表示されているためslideDown、既に表示されている要素には使用できません。divのスタイルに追加するかdisplay: none;、次を使用できます...

$('a').click(function() {
    $('div').hide().html('ffasdf').slideDown('slow');
});

score 2 · Accepted Answer

実際にスライドするには、divを非表示にする必要があります

score 1 · Accepted Answer

「div」タグはdisplay: none;)で非表示にする必要があります

それをcssに追加すると、コードが機能するはずです：jsfiddle

4 に答える 4