爲什麼javascript onclick div滑動不起作用？

Question

你能告訴我爲什麼這個JavaScript不起作用。

function expand() 
{ 
    var slidingDiv = document.getElementById("expandDiv"); 
    var startPosition = 350; 
    var stopPosition = -150; 
    if ((parseInt(slidingDiv.style.top) > stopPosition)&&(parseInt(slidingDiv.style.top) < startPosition)) 
    { 
     slidingDiv.style.top = parseInt(slidingDiv.style.top) + 5 + "px"; 
     setTimeout(expand, 5); 
    } 
} 

....... 
<a onclick="expand();">Expand</a> 
<div id="expandDiv" style="width:300;height:100;background-color:#fff;position:absolute;border:1px solid #ccc;">hello<br />great testing</div> 

Answer 1

function expand() 
{ 
    var slidingDiv = document.getElementById("expandDiv"); 
    var startPosition = 350; 
    var stopPosition = -150; 
    var value = parseInt(slidingDiv.style.top.replace("px", "")); 
    if (value > stopPosition && value < startPosition) 
    { 
     slidingDiv.style.top = (value + 5).toString() + "px"; 
     setTimeout(expand, 5); 
    } 
} 

或者，使用jQuery做到這一點。

function expand() 
{ 
    $("#expandDiv").slideDown(2000, function() { 
     // Afterwards 
    }); 
}