Click only works once with top property

[Paul_H]

I have three divs and i want to do is this: when you click on “up” or “down”, the three divs moves at the same time respectively. In my code, this only works once, but i want that three divs move (up or down) each time you click on the words. I tried with other properties (like height, width, font-size in text) and i works perfectly, but i dont know why is not working whit the top and bottom properties.

http://jsfiddle.net/0uhjcLrw/

[Shikkediel]

It’s because each click is setting the same position – nothing is added or subtracted. Something like this should work :

Updated fiddle

[Shikkediel]

Shane’s solution’s much cleaner of course…

[Author]

Posts