JavaScript jQuery Animate

Question

嗨，我已經做了一個代碼，我需要切換。我怎樣才能用這個代碼呢？

var divh = document.getElementById('first').offsetHeight; 

document.getElementById("first").style.height = "100px"; 

$("div:first").click(function(){ 
    $("#first").stop().animate({ 
    height: divh 
    }, 1000); 
}); 

Answer 1

如果我正確理解，您希望將div的高度從當前狀態切換到100px並向後移動。那麼爲什麼你不想使用.toggle（）方法呢？ 像這樣：

//keep default height 
var divh = $('#first').outerHeight(); 

//toggle functions 
$('div:first').toggle(
    function() { 
    $('#first').stop().animate({ 
     height: divh +'px' 
    }, 1000); 
    }, 
    function() { 
    $('#first').stop().animate({ 
     height: '100px' 
    }, 1000); 
    } 
)