自定义码头与jquery

Question

我正在尝试使用jquery创建一个show / hide文档。现在我使用以下代码将顶级位置从-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');
            }
    });

但是其他声明似乎不起作用......

可以这样做吗？

Answer 1

您需要top: '-200px'。你错过了px。

编辑：.toggle不会按照您的想法执行操作。见Toggle Documentation。你应该这样做：

if ($('#main-nav #content').is(':visible'))
    $(this).slideDown(1000, 'jswing');
else $(this).slideUp(1000, 'jswing');