0

パネルをアニメーション化して、ページの上部から出入りしようとしています。残念ながら、私のifステートメントは機能していません。これが私のコードです：

var panelShown = false;
$(document).ready(function(){
    $('#nav_arrow').click(function(){
        panelShown = true;
        $('#nav_panel').animate({top: '0px'}, 1000, function(){});
        $('#nav_bar');
    });
    if(panelShown == true){//originally written as if(panelShown){
        $(document).click(function(){
            panelShown = false;
            $('#nav_panel').animate({top: '-200px'}, 1000, function(){});
        });
    }
});

最初の部分は正常に機能し、パネルは下にアニメーション化します。しかし、私はifステートメントに入ることができません。どんな助けでも大歓迎です。

4

1 に答える 1

1

その上にあるので、それは本当に呼ばれることはありませreadyんfalse。

これを試して：

var panelShown = false;
$(document).ready(function(){
    $('#nav_arrow').click(function(){  
        $('#nav_panel').animate({top: (panelShown ?'-200px' : '0px')}, 1000, function(){});
        panelShown = !panelShown;
    });
});
于 2013-02-28T11:19:45.933 に答える