jQuery的動畫 - 死的簡單

Question

所有我想要做的是.click()是.animate #slip，基本上我可是從top: 10px to top: 0px

除了更改CSS此刻卻是相當笨重的，我想在動畫的變化運動的CSS。

目前使用.toggleClass來實現這一目標：

$("#div1").click(function() { 
     $("#div2t").toggleClass('min'); 
    }); 

Answer 1

能夠繪製這樣的：

$(selector).click(function() { 
    $("#slip").animate({ top: 0; }); 
}); 

除非你需要的.animate容器，離開它...身份證選擇器，以及它得到的速度:)

如果你想點擊動畫回來每隔click以及使用.toggle()這樣的：

$(selector).toggle(function() { 
    $("#slip").animate({ top: 0; }); 
}, function() { 
    $("#slip").animate({ top: 10; }); 
}); 

Answer 2

如果我理解正確你：

#CSS: 
.animate #slip { 
    top: 10px; 
} 

#JS 
$("element").click(function() { 
    $(".animate #slip").animate({ top: 0 }); 
}); 

Answer 3

$("#div1").click(function(){ 
$("#div2t").animate({"top":"0px"},"slow"); 
); 

如果慢的是速度，你可以把它快或時間以毫秒爲單位，而不「」