슬라이드 위로/아래로 슬라이드

Question

두 페이지에서 슬라이드를 슬라이드 한 후 문제가 발생했습니다. 정보 슬라이드가 위로 올라온 상태입니다. 연락처 링크를 클릭하면 아래로 슬라이딩하기 전에 연락처 페이지로 깜박입니다. . 어떤 이유로 든 두 슬라이드의 jquery는 같은 형식으로되어 있지만 연락처 슬라이드가 올라 왔을 때 about 링크를 클릭하면 발생하지 않습니다. 문제가 뭔지 잘 모르겠다. 너희들이 내가 고칠 수 있도록 도와 줄 수 있기를 바랐다.

여러분이 직접 볼 수 있도록 호스트에 업로드했습니다. http://maximsiebert.com/unamed/Untitled-1.html

여기 내 jQuery를하다

$(document).ready(function() { 
$('.contact').click(function() { 
     if ($('#aboutpage').is(":visible")) { 
     $('#aboutpage').slideUp(800) 
     $('#portfolio').slideDown(800) 
     $('#portfolio').slideUp(800) 
     $('#contactpage').slideDown(800) 
     } 
     else if ($('#contactpage').is(":visible")) { 
     $('#contactpage').slideUp(1000) 
     $('#portfolio').slideDown(1000) 
     } 
     else if ($('#contactpage').is(":hidden")) { 
     $('#portfolio').slideUp(1000) 
     $('#contactpage').slideDown(1000) 
     $('html, body').animate({scrollTop:0}, 'slow'); 
     } 
     }); 

});

$(document).ready(function() { 
$('.about').click(function() { 
     if ($('#contactpage').is(":visible")) { 
     $('#contactpage').slideUp(800) 
     $('#portfolio').slideDown(800) 
     $('#portfolio').slideUp(800) 
     $('#aboutpage').slideDown(800) 
     } 
     else if ($('#aboutpage').is(":visible")) { 
     $('#aboutpage').slideUp(1000) 
     $('#portfolio').slideDown(1000) 
     } 
     else if ($('#aboutpage').is(":hidden")) { 
     $('#portfolio').slideUp(1000) 
     $('#aboutpage').slideDown(1000) 
     $('html, body').animate({scrollTop:0}, 'slow'); 
     } 
     }); 

});

Answer 1

일반적으로 표시된 페이지를 slideDown까지 기다린 후 새 페이지를 밀어 넣어야합니다. 두 번째 기능은 실행되지 않지만,

$('.about').click(function() { 
    .... if contact page is shown ... 

    $('#aboutpage').slideDown(800, function() { 
    $('#aboutpage').slideUp(800); 
    }); 
    ..... 

});