Почему это не работает с функцией анимации jQuery?

Question

var pieceSize = new Array();
pieceSize[0] = 200;
pieceSize[1] = 400;
pieceSize[2] = 300;

ЭТО НЕ РАБОТАЕТ:

$("#visual").animate({
        height: pieceSize[this.id.slice(5, 6)]
    }, 250, function() {
    });

НО ЭТО ДЕЛАЕТ:

$("#visual").animate({
        height: pieceSize[2]
    }, 250, function() {
    });

LOG: this.id.slice (5, 6) == 0 или 1 или 2 (я нарезаю идентификатор нажимаемой кнопки)

Я пробовал разные комбинации, добавляя parseInt и ничегоэто работает:

высота: pieceSize[parseInt(this.id.slice(5, 6))])

высота: parseInt(pieceSize[this.id.slice(5, 6)])

высота: parseInt(parseInt(pieceSize[this.id.slice(5, 6)]))

Answer 1

это в вашем случае будет вызывать id "visual".идентификатор кнопки также "визуальный" ??

Answer 2

Это просто работает: JsFiddle

Что в журнале, если вы эхо pieceSize[this.id.slice(5, 6)]?