Javascript JS切换Div高度

我在这里有一个小脚本来改变我的Div的高度，但实际上它只是变小了。我如何切换它以使其再次升高

$( ".div1" ).click(function() {

$(".div2").animate({
    height: ($(this).height() == 40) ? 10 : 40
}, 200);

});

问题是

$（这个）

指的是

$（.div1”）

而不是

$（.div2”）

完整代码开放：

问题是

$（此）

指的是

$（.div1”）

而不是

$（.div2”）

---

完整代码笔：

您可以使用

if-then

语句：

$（文档）.ready（函数（）{
布尔值=false；
$（“.div1”）。单击（函数（）{
布尔=！布尔；
if（布尔）{
$（“.div2”）.animate({
高度：“+=20px”
}, 200);
}否则{
$（“.div2”）.animate({
高度：“-=20px”
}, 200);
}
});
});
.div1{
背景色：红色；
}
.第2分部{
背景颜色：蓝色；
}

福
Bar
您可以使用
if-then
语句：


$（文档）.ready（函数（）{
布尔值=false；
$（“.div1”）。单击（函数（）{
布尔=！布尔；
if（布尔）{
$（“.div2”）.animate({
高度：“+=20px”
}, 200);
}否则{
$（“.div2”）.animate({
高度：“-=20px”
}, 200);
}
});
});
.div1{
背景色：红色；
}
.第2分部{
背景颜色：蓝色；
}

福
条形码这可能有点模糊，但您可以使用模运算

请注意：

(40 + 30) % 60 == 10
(10 + 30) % 60 == 40
(40 + 30) % 60 == 10

等等

换句话说，你可以

$( ".div1" ).click(function() {
    $(".div2").animate({
        height: ($(".div2").height()+30)%60
    }, 200); 
});

注意使用这个，如果你不清楚你可能指的是另一个对象，在这个例子中，$（“.div1”）
这可能有点模糊，但你可以使用模运算

请注意：

(40 + 30) % 60 == 10
(10 + 30) % 60 == 40
(40 + 30) % 60 == 10

等等

换句话说，你可以

$( ".div1" ).click(function() {
    $(".div2").animate({
        height: ($(".div2").height()+30)%60
    }, 200); 
});

注意使用此选项，如果您不清楚您可能指的是另一个对象，在本例中，$（“.div1”）
您可以使用toggleClass:

 .div2{height:40px;}
 .div2.smaller{height:10px;}


 $('.div1').click(function(){$('.div2').toggleClass('smaller');});

您可以使用toggleClass：

 .div2{height:40px;}
 .div2.smaller{height:10px;}


 $('.div1').click(function(){$('.div2').toggleClass('smaller');});

我不能评论，但我想你可能会想退房。编辑：嗯。将繁琐的回答转换为评论。我不知道。我不能评论，但我想你可能会想退房。编辑：嗯。将繁琐的回答转换为评论。我不知道。