Почему ползунок на JavaScript не работает?

Question

[Moe Green]

Доброго времени суток!

Я новичок в JS. Только учусь азам. Сделал такой ползунок - codepen.io/gearmobile/pen/azBNYv.

По клику на надписи "First", "Second", "Third", "Fourth" должна динамически меняться ширина блока div#skill_up и стрелка-треугольник должна перемещаться на заданные диапазоны.

Так вот - при кликах на надписях ширина блока div#skill_up динамически менятся в Firebug, но только там! На деле ширина блока не меняется! И стрелка не двигается! Не могу понять, почему ((

Answer 1

[Владлен Грачев]

codepen.io/anon/pen/raWeZN

Answer 2

[Дима Паутов]

Потому что нету такого атрибута у тега div как width, это вам не таблица и не картинка!
Есть style="width: 500px"

Comments

[Moe Green]

а ведь верно! )) ок - подскажите, куда смотреть надо? изменение inline-стилей через JavaScript? пример подобный со ссылочкой не завалялся? ))

Answer 3

[dmppka]

Попробуйте так:
codepen.io/anon/pen/EaNKeV