Jquery를 사용하는 슬라이드 업 div

Question

크기가 250px이고 너비가 160px 인 div가 있습니다. 페이지가로드되면 div는 30px를 제외한 콘텐츠 뒤에 숨겨집니다. div를 클릭 가능한 상태로 만드는 방법을 궁금해서 전체 div를 표시하는 슬라이드 업을 수행합니다. 미리 감사드립니다.

 <script type="text/javascript"> 
      $('#maininfo').click(function() { 
       $('.maininfo_tab').slideUp('slow', function() { 
       // Animation complete. 
      }); 
      }); 
</script> 
    <div id="maininfo"> 
     <div class="maininfo_tab" style="position:relative;margin-bottom:35px;"> 

Answer 1

당신은 그것을 묶는 IT와 클릭 이벤트를 슬라이드로 애니메이션의 방법을 사용할 수 있습니다 :

var nextHeight = 250; 
$("#myDiv").click(function() { 
    $(this).animate({ 
     height: nextHeight 
    }); 
    nextHeight = Math.abs(nextHeight - 280); 
});​ 

샘플 바이올린 : http://jsfiddle.net/johnkoer/qu5bz/8/