Animated css-value changes twice after there has been clicked once
Hello,
There has been posted a question slightly similar to this one before, also by me, and got a perfect answer for that problem. I basically have a vertical row of thumbnails and want to make each one slide open horizontally while any other open ones close.
However, I had a change of mind in the meantime and decided to add another animated change in the bottom-margin. This all works except when you click on the same thumbnail you have opened, to close it again. It then closes normally, but immediately animates the bottom-margin back to open while having the left-value stay the same.
JSfiddle included.
Thanks in advance,
Sam.