使用jquery的slideup 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

你可以用動畫的方法，以滑動和點擊事件接線起來：

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

樣品小提琴：http://jsfiddle.net/johnkoer/qu5bz/8/