Переключатель слайдов с задержкой

Question

У меня есть навигация со слайд-эффектом на ссылках, которые когда-то щелкнули, страница скользит снизу, а главная страница с именем #portfolio скользит вниз, когда она открывается, если пользователь нажимает кнопку снова нажмите эту ссылку. Я хочу, чтобы страница скользила вниз.

Что я пытаюсь сделать, так это то, что если одна из двух панелей, #aboutpage и #contactpage открыты, когда я нажимаю на другую, например, если #aboutpage открыто, и я нажимаю на ссылку для #contactpage, я хочу, чтобы страница о том, чтобы соскальзывать вниз, после перехода вниз на #contactpage. Я пробовал дюжину раз с десятком различных методов, и я не могу заставить его работать.

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) 
    } 
} 

Demo here.