jQuery点击旋钮 css高度改变，然后再点击按钮 css恢复。望大神解决下
日期：2014-05-16 浏览次数：20439 次
jQuery点击按钮 css高度改变，然后再点击按钮 css恢复。望大神解决下~
这是我写的。。点了一下 然后就变了 又变回去了。。望大神解决下~
------解决方案--------------------
$(function(){
$("#case_more").click(function(){
$("#case").animate({"height":"650px"},600),
$("#case").animate({"height":"350px"},600);
});
});
这是我写的。。点了一下 然后就变了 又变回去了。。望大神解决下~
------解决方案--------------------
<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>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
