Currently working on a very simple project which shows/hides divs depending on their class name. At the moment I have probably about 30 divs being controlled by four buttons. However, when it comes to "showing all" of them at once, the animation slows down (most likely because of the data involved) and is only set to be worse on Internet Explorer and other, slower browsers I expect.
Anyway, is there a way in which I could make my animation more responsive in terms of animation time so that it becomes a much smoother transition between switching around the divs? At the moment some divs are playing catch up and just popping in. Please see the example at the address below.
Any thoughts on how I could improve the look of the animation would also be welcome