JQuery animation div width onclick

Question

I have no idea why this is not working.

JQuery

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

Answer 1

This is because you missed #in your selector.

Just try using the link thisinside this click event to achieve what you want,

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

According to your new requirement, you can try this,

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

Demo

Answer 2

You missed '#'in the selector and you can also use it in the same way

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

Answer 3

Use $(this)instead$("foldit")