jQuery: как выразить ширину div + еще несколько пикселей?

Question

Я хочу анимировать div слева от ширины div + 100px.

У меня есть этот код:

$('#mydiv').animate({left:-$('#mydiv').outerWidth()},1000);

Это оживляет его за 1000 миллисекунд влево до расстояния ширины #mydiv.

Как добавить к этому еще 100 пикселей?

Буду признателен за ваш опытный совет!

Answer 1

Почему бы не попробовать это вместо:

$('#mydiv').animate({left:-($('#mydiv').width() + 100)},1000);

Answer 2

Попробуйте:

var width = $('#mydiv').outerWidth();
$('#mydiv').animate({
    left: (width + 100)
},1000);

Не знаете, зачем вам нужен оператор вычитания перед левым значением?

Answer 3

$('#mydiv').animate({left:-($('#mydiv').outerWidth() + 100)},1000);