jQuery add to current width

Question

I need this code to, if #vid is present, add 855px to its current width. If not, it should do nothing. I'm not sure how to get jQuery to add to an already existing number, but I'm sure it's pretty simple. Here is the code I have so far:

if ($("#vid").length) {
            $("#img-container").width(+=855),
        } else {
            return false;
        }
});

Answer 1

if ($("#vid").length) 
{
    var currentWidth = $("#img-container").width();
    $("#img-container").css('width', currentWidth +855);
}
else 
{
    return false;
}

Answer 2

You could try this:

if ($("#vid").length)
{
    $("#img-container").width($("#img-container").width() + 855);
}

Answer 3

If #vid is present? Do you mean if it is showing? Anyhow, you must put +=855 in quation marks like this "+=855px" and try css like this:

if ($("#vid").css("display") != "none") {
            $("#img-container").css("width", "+=855px");
            return false;
        } else {
            return false;
        }
});

ALSO you must add "px".

Answer 4

if ($("#vid").length) {
            var vid = $("#img-container");
            vid.width(vid.width() + 855);
        } else {
            return false;
        }
});

Answer 5

jQuerys methods do not support a += syntax (only exception: css strings), you would need to write:

$("#img-container").width($("#img-container").width() + 855)

or

$("#img-container").css("width", "+=855");

Answer 6

Just another option:

If you are wanting to animate it

$("#img-container").animate({width: "+=855px"});