0

およびfadeTogglesが機能するため、実行中のクリック関数があります。しかし、私がアニメーション化しようとしているdiv＃overlay-sourcesは、アニメーション化されていません。最初に高さを0pxに設定しましたが、次に480pxにアニメーション化する必要があります。アニメーション自体は機能します。トグル機能の外でテストしました。しかし、どういうわけかトグル機能は実行されません。

$("#button-up").click(function(){
    $("#overlay-sources").toggle(
        function()
        {
          $(this).animate({height: "480px"}, 500);
        },
        function()
        {
          $(this).animate({height: "0px"}, 500);
        });

    $("#overlay-sources").fadeToggle('fast');
    $("#blackout").fadeToggle('fast');
});
4

2 に答える 2

0

jQueryUI に反対していない場合、または既に jQueryUI を含めている場合は、その上部全体を以下に示します。

$("#overlay-sources").toggle(
        function()
        {
          $(this).animate({height: "480px"}, 500);
        },
        function()
        {
          $(this).animate({height: "0px"}, 500);
        });

なる:

$("#overlay-sources").slideToggle(500);

ただし、単純に高さを 0 に CSS しないでくださいdisplay:none。関数は高さのアニメーションを処理します。

編集

すみません、間違えました。jQueryコアライブラリの一部のようslideToggleで、jQuery UIは必要ありません

于 2012-05-10T13:52:49.750 に答える