jquery代码的简单问题。 我想改变一个DIV的高度, 点击它可以在30px和500px两个值切换,以达到收缩的目。
代码入下:<style>#more{width:300px;height:30px;margin:0auto;background:#066;}</style></hea...
代码入下:
<style>
#more{ width:300px; height:30px; margin:0 auto; background:#066;}
</style>
</head>
<body>
<div id="more"></div>
<script>
var h = $(more).css("height","30");
if(h = 1){
$("#more").click(function(){
$(this).animate({height:"500px"});
});
}
else{
$("#more").click(function(){
$(this).animate({height:"30px"});
});
};
</script>
为什么点击可以拉伸到500,再点击就回不去了呢?
谢谢。。要换语句还是。。? 展开
<style>
#more{ width:300px; height:30px; margin:0 auto; background:#066;}
</style>
</head>
<body>
<div id="more"></div>
<script>
var h = $(more).css("height","30");
if(h = 1){
$("#more").click(function(){
$(this).animate({height:"500px"});
});
}
else{
$("#more").click(function(){
$(this).animate({height:"30px"});
});
};
</script>
为什么点击可以拉伸到500,再点击就回不去了呢?
谢谢。。要换语句还是。。? 展开
4个回答
展开全部
你点击了后 应该改h的值啊
if(h == 1){
$("#more").click(function(){
$(this).animate({height:"500px"});
h=0;
});
}
else{
$("#more").click(function(){
$(this).animate({height:"30px"});
h=1;
});
};
if(h == 1){
$("#more").click(function(){
$(this).animate({height:"500px"});
h=0;
});
}
else{
$("#more").click(function(){
$(this).animate({height:"30px"});
h=1;
});
};
追问
谢谢了。你的我尝试了。不行的。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
$(this).css('height','30');
追问
我改成了30了把px去掉了,还是不行啊。。谢谢
追答
那肯定是你的判断错误了 var h = $(more).height();得到高度 再进行判断
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
这里你要用toggle()来吧两个函数放进去。详细的看一下http://www.w3school.com.cn/jquery/effect_toggle.asp
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询