使用jQuery切换CSS高度？

我试图使用jQuery在单击div时切换其高度。以下是我正在尝试的：

$("#otherBox").click(function() {
    if($(this).css("height") == "200") {
        $(this).css("height", "300")
    }
    else {
        $(this).css("height", "200")
    }
})

我正试着这样做，如果高度是200，它就被设置为300，反之亦然。为什么这不起作用

此外，如果有一种方法可以使它在两个高度之间平滑移动（如

滑动切换

），那就很方便了

$(this).css({"height":"300px"});

---

使用parseInt，因为您得到的是“200px”而不是200，您需要用jQuery包装它

if(parseInt($(this).css('height')) ==200)

---

使用parseInt，因为您得到的是“200px”而不是200，您需要用jQuery包装它

if(parseInt($(this).css('height')) ==200)

试试这个：

$("#otherBox").click(function() {
    if($(this).height() == 200)
        $(this).height(300);
    else
        $(this).height(200);
});

试试这个：

$("#otherBox").click(function() {
    if($(this).height() == 200)
        $(this).height(300);
    else
        $(this).height(200);
});

---

我看到很多这样的问题。我的答案总是jQuery中容易被忽略的

$.toggle（）

函数

$("#otherBox").toggle(
    function() {
        $(this).css({height: 300});
    },
    function() {
        $(this).css({height: 200});
    },
);

此代码运行单击时指定的函数，在两个函数之间交替运行

---

（该函数在文档中很容易被忽略，因为它是

$.toggle（）

更标准用法中很少使用的重载）

我看到了很多这样的问题。我的答案总是jQuery中容易被忽略的

$.toggle（）

函数

$("#otherBox").toggle(
    function() {
        $(this).css({height: 300});
    },
    function() {
        $(this).css({height: 200});
    },
);

此代码运行单击时指定的函数，在两个函数之间交替运行

---

（该函数在文档中很容易被忽略，因为它是较标准的

$.toggle（）

）用法中很少使用的重载。

将

此
更改为
$（此）
@j08691我修复了所有的
$（此）
代码，但它仍然不起作用。toggleClass（“类名”）将
此
更改为
$（此）
@j08691我修复了所有的
$（这个）
es，它仍然不工作。它在弃用列表中已经有一段时间了，但是关于该方法的文档中没有提到弃用，所以我有一种预感它会消失。好的，数字。它在弃用列表中已经有一段时间了，但是该方法的文档中没有提到弃用，所以我有预感它会消失。