0

jquery で表示/非表示ドキュメントを作成しようとしています。今、私はこのコードでトップポジションを -200pc から 0 にアニメーション化しています:

$('#play-the-series').click(function(){
            $('#main-nav #content').animate({
                    top: '0'
                }, 1000, 'jswing');
        });

ドックを閉じるには、位置を -200px に戻す必要があります。また、幅を 100% 一定に保ちたいと考えています。

これは元のコードでした：

    $('#play-the-series').click(function(){
            $('#main-nav #content').toggle(function(){
                $(this).animate({
                    top: '0'
                }, 1000, 'jswing'),
                $(this).animate({
                    top: '-200px'
                }, 1000, 'jswing');
        }); 
    });

私はこれに近いです：

$('#play-the-series').click(function(){
        if($('#main-nav #content').css('top', '-200px')){
                $('#main-nav #content').animate({
                    top: '0'
                }, 1000, 'jswing');
            }else{
                $('#main-nav #content').animate({
                    top: '-200px'
                }, 1000, 'jswing');
            }
    });

しかし、elseステートメントは機能していないようです...

これはできますか？

4

1 に答える 1

3

が必要top: '-200px'です。あなたはpxを逃しました。

編集: .toggle は、あなたが思っていることをしません。ドキュメントの切り替えを参照してください。あなたがすべきこと:

if ($('#main-nav #content').is(':visible'))
    $(this).slideDown(1000, 'jswing');
else $(this).slideUp(1000, 'jswing');
于 2012-10-01T01:57:34.750 に答える