JQuery动画div的宽度onclick

Question

我不知道为什么这个不起作用。

JQuery：

$("#foldit").click(function () {
    $("foldit").animate({"width": "165px"}, "fast");
});

Answer 1

这是因为您在选择器中遗漏了#。

只需尝试在click事件中使用this引用即可实现所需功能，

$("#foldit").click(function () {
    $(this).animate({"width": "165px"}, "fast");
});

根据您的新要求，您可以像这样尝试，

$('#foldit').click( function() {
    var toggleWidth = $(this).width() == 165 ? "100px" : "165px";
    $(this).animate({ width: toggleWidth });
});

DEMO

Answer 2

您在选择器中遗漏了'#'，您也可以这样使用它

$("#foldit").click(function () {
    $(this).animate({"width": "165px"}, "fast");
});

Answer 3

用$(this)代替$("foldit")