Проблемы с анимацией

[Twizty]

var img = document.getElementsByTagName('img')[0];
var $img = $(img);
    if ($img.width() < 300){
        $('button').click(function() {
            $img.animate({'width': '+=150px', 'height': '+=150px'});
        });
     }
Дурацкий вопрос, но почему у меня продолжает увеличиваться размер картинки при клике на кнопку, даже когда условие перестает выполняться? Изначальный width: 0px

[Saibot1344]

вставьте if в функцию которая вызывается при клике и все будет работать как надо