0

ここにはほとんど機能するコードがあります: jsFiddle。

それは何をしますか？緑色の長方形を上下にスライドします。ここには解決したい問題がいくつかありますが、最初の 1 つは、 1500 ミリ秒の時間の間、間にスペースを入れずにスムーズにスライドさせたいということです。これで 500 ミリ秒動作し、クリックして下にスライドすると、緑色の四角形がより速く下にスライドします (理由はわかりません)。

また、HTML div の構造を変更したくありません。可能であれば、追加の div のみを追加してコードを書き直すことができます。

PS jQuery の他のコードは数日前にこのソリューションに使用されましたが、FF ではうまくスライドダウンしませんでした (Chrome では完璧でしたが)、AK のおかげで現在の jQuery コードに置き換えられました ( jQuery - 代わりにスライドダウンのスライドアップ）

4

2 に答える 2

0

私はあなたの質問をよく理解していません.これはあなたが探しているものですか?

jsfiddle

于 2012-08-10T13:24:49.710 に答える
0

大丈夫ですか？( jsFiddle )

 $(document).ready(function ()
    {
        $('#slide-link').click(function(){

            var hid = $('#sliderWrapper').is(':hidden')            
            $(this).animate({ top: (1-hid)*($(window).height()) },1500)

            if(hid) {$('#sliderWrapper').stop().show("slide", { direction:"down" }, 2000);}
            else { $('#sliderWrapper').stop().hide("slide", { direction:"down" }, 2000); }

        })
    });

if-elseステートメントで 1500 を 500 に増やしました

于 2012-08-10T13:23:52.237 に答える