How to increment or decrement height of a div using jquery

Question

This is my attempt to decrement by 28:

var addItemForm = $('.add-item-form');
var h = addItemForm.height()-28;
var h = toString(h);
addItemForm.height(h);

But it doesn't work.

Answer 1

If your height is in pixels, you can just write:

​$(".add-item-form").height("-=28");​​​​​​​​​​​​​​​​​

... and similarly to increment:

$(".add-item-form").height("+=28");

Check out the documentation for height for more information.

Example: http://jsfiddle.net/VDcLs/