JQuery动画div的宽度onclick

Question

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

JQuery的：

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

Answer 1

这是因为您在选择器中错过了#。

尝试使用该点击事件中的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")