Как сделать такие живые стрелочки вверх и вниз?
У вас на обеих картинках стрелочки вверх))
По факту можно использовать два класса. Для одного задаете одну картинку - стрелка вверх, для другого вниз.
По клику меняете классы.
jsfiddle.net/5XqyW/1   или   jsfiddle.net/4C5ND
Ну или вот например.