width("1052"); not working?

does anyone know why the

$(".completeholder").width("1052");

Is not working in my JS File?

When you click the 'Outside HTML" on This Link, and then navigate to 'I want to custom search', that code I have shown above should execute when you press the first 'next button'. The width should change so that there is room for the new div I 'show' by clicking that next button. The css file shoul开发者_StackOverflow中文版d be okay, as it's over here

.completeholder {
    overflow:hidden;
    width: 796px;
    background-color: yellow;
}

Any Ideas? Thank you very much everyone :))

There are 4 divs that are parents of the div with the id of complete holder that have specified widths of 796px. You will need to change those widths as well.

"colorbox", "cboxContent", "cboxWrapper", "cboxLoadedContent".

I changed the width of those 4 divs and then it looks fine.

$("#colorbox").width(1052); $("#cboxContent").width(1052); $("#cboxWrapper").width(1052); $("#cboxLoadedContent").width(1052);

According the jQuery documentation you can use a integer $('').width(1052); or if you use a string, you must add the unit $('').width('1052px');