2

ページの読み込み時にスライド DIV を自動的に閉じる必要があり、それが展開されているように見えます。また、アニメーションの速度を落としたいと考えています...現時点では、低に設定しても超高速です。コードは以下のとおりです。

JQuery:

$(document).ready(function(){

        $(".slidingDiv").hide('slow');
        $(".show_hide").show('slow');

    $('.show_hide').click(function(){
    $(".slidingDiv").slideToggle();
    });

 $(".slidingDiv").hide('slow');
});

HTML:

 <a href="#form" class="show_hide">Show/hide</a>
<a name="form" id="form"></a>
<div class="slidingDiv">

CONTENT BLAH BLAH

</div>
4

4 に答える 4

2

これを試して:

setTimeout(function() {
    $(".slidingDiv").hide('slow');
}, 2000);

デモ: http://jsfiddle.net/BWqjp/

于 2012-10-10T12:56:04.683 に答える
1

まず、div をスタイルで非表示にするか、少なくとも div.hide呼び出しからスロー パラメータを削除します。

速度に関しては.slideToggle()、スライド効果の長さ (ミリ秒単位) を決定するために、パラメータとして任意の数値を渡すことができます。

$(document).ready(function() {

    $(".slidingDiv").hide();
    $(".show_hide").show('slow');

    $('.show_hide').click(function() {
        $(".slidingDiv").slideToggle(2000);
    });

});​

このデモを参照してください。

于 2012-10-10T12:51:48.510 に答える
1

フェードインとフェードアウトを使ってみましたか?

$(document).ready(function(){
    $(".show_hide").hide();
    $(".slidingDiv").fadeOut('slow', function() {
         $(".show_hide").fadeIn('slow');            
    });
    $('.show_hide').click(function(){
        $(".slidingDiv").slideToggle();
    });
});​

これがフィドルです:http://jsfiddle.net/zEnZx/

于 2012-10-10T12:56:27.510 に答える
0

$().ready(function(){
    $(".slidingDiv").hide()
    $('.show_hide').click(function(){
      $(".slidingDiv").slideToggle();
    })
});

于 2012-10-10T12:54:16.020 に答える