SlideUp을 일정한 높이로 멈추는 방법

Question

slideUp 및 slideDown 플러그인을 사용하고 있습니다. 나는 div가 단지 특정 높이까지 올리도록 슬라이드를 만들 수있는 방법을 궁금해했다.

두 번째 질문 동일한 버튼을 div의 대상으로 위아래로 움직이게하려면 어떻게해야합니까? 여기

내가 현재

$ (문서) .ready (함수() {

$("#toggle").click(function(){ 
    $("#Menu").slideDown('slow', function(){ 
     $(".log").text('Slide Down Transition Complete'); 
     }); 
    }); 

    $("#toggle").click(function(){ 
    $("#Menu").slideUp('slow', function(){ 
     $(".log").text('Slide Up Transition Complete'); 
     }); 
    }); 

을})를 사용하도록 노력하고있어 무엇;

Answer 1

이 경우 slideUp에 대한 맞춤 애니메이션을 만들 수 있습니다. 의는 20 픽셀의 높이로 slideUp하고 싶은 말은하자

$("#toggle").click(function(){ 
    $("#Menu").animate({height: 20}, 'slow', function(){ 
     $(".log").text('Slide Up Transition Complete'); 
    }); 
}); 

Answer 2

$("#toggle").click(function(){ 
     var down = $('#Menu').css('height') == '100px'; 
     if(down) { 
     $('#Menu').animate({height: '500px'}, 'slow', function(e) { 
      $(".log").text('Slide Down Transition Complete'); 
     }); 
     } 
     else { 
     $('#Menu').animate({height: '100px'}, 'slow', function(e) { 
      $(".log").text('Slide Up Transition Complete'); 
     });  
     } 
    });