滑动切换延迟

Question

我有一个导航上的滑动效果的链接，一旦点击，页面从底部向上滑动，而主页面滑动下来，一旦打开，如果用户点击同样的链接再次我希望页面向下滑动。

我想要完成的是，如果一旦2个面板之一，#aboutpage和#contactpage打开，而我点击另一个，例如，如果#aboutpage打开，我点击链接对于#contactpage，我希望关于页面向下滑动，一旦向下滑动#contact页面。我已经用十几种不同的方法尝试了十几次，我似乎无法让它工作。

http://maximsiebert.com/unamed/Untitled-1.html

$('.about').click(function() { 
    if (!$('#aboutpage').is(":visible")) { 
    $('#aboutpage') .slideToggle(1000) 
    $('#portfolio') .slideToggle(1000) 
    } 
else if ($(('#contactpage').css('display') == "block")) { 
    $('#contactpage') .slideToggle(1000) 
    $('#aboutpage') .delay(1000).slidetoggle(1000) 
}else { 
    $('#portfolio').slideDown(1000); 
    $('#aboutpage').slideUp(1000); 
} 
}); 

Answer 1

我会再试一次。除了使用slideToggle的滑动起来的所有，然后滑下目前的一个，但只有当它是不可见的开始：

$('.about').click(function() { 
    var wasVisible = $("#aboutpage").is(":visible"); 
    $("#aboutpage").slideUp(); 
    $("#portfolio").slideUp(); 
    $("#contactpage").slideUp(); 
    if (!wasVisible) { 
     $('#aboutpage').slideDown(1000) 
    } 
} 

演示here。