Why this is not acting well? and even more Why it goes wrong in different way depending on the browser?

Why this is not acting well? and even more Why it goes wrong in different way depending on the browser?

Hi there,

I've put a post 2 days ago about this, but I have found other way to get the same and this one is about that way.
I'm searching for a solution to cover/discover some DIV's.
(All divs ar floating left)
1.- When you click a DIV, it change its width to 200px by adding a class and the following DIV's gets other CSS class with an animation which move them from -100px to 0.
      With this, we obtain the effect of "discovering" the clicked DIV.
2.- If there is an open DIV, the following of it, makes a similar effect but in the opposite way "covering" the open. After that, action 1 starts again with the clcked DIV.

This time, I'm using this way of aproaching the problem.

And here is the JSFiddle with my code (I don't know if there is some option to put JS on the upper left corner to improve your understanding, sorry)

Thanks a lot,
And if you know some other way to solve this problem don't hesitate a second on telling it to me.