从页面中删除其他元素后动画浮动元素

I have a situation where I am fading out divs with a certain class when a button is clicked. For example, if someone were to click "Hide Red," I use jQuery to hide all of the divs with a class of "red." These divs float left and have a width of 33%. When the reds are hidden, the other divs with the class "blue" that fill in the space for the "red" divs that were just faded out. This is what I am wanting to happen, but I would like to have the remaining divs smoothly transition into the missing space instead of "jumping" in to fill the missing space. Is there a way to do this using jQuery?I have a situation where I am fading out divs w