jQuery点击按钮 css高度改变，然后再点击按钮 css恢复。望大神解决下~

Question

本帖最后由 a442443285 于 2013-10-29 17:30:05 编辑

Answer 1

<style>
#case{background-color:yellow;width:100px;height:100px}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
var i=0;
$("#case_more").click(function(){
i++;
if(i%2!=0){
$("#case").animate({"height":"650px"},600);
}else{
$("#case").animate({"height":"100px"},600);
}
});
})
</script>
<input type="button" id="case_more" value="change"/>
<div id="case">
</div>