Как анимировать элементы div, когда они перемещаются, чтобы заполнить пустое пространство, оставленное другими элементами div, которые исчезают

У меня есть набор дивов, каждый из которых соответствует набору категорий. Когда я нажимаю на фильтр, это меняет классы div и делает их видимыми или скрытыми в зависимости от этих категорий. Я контролирую, как элементы div появляются/исчезают, и они делают это медленно и красиво, но каждый раз, когда элементы div исчезают, те, которые остаются неизменными, резко перемещаются, чтобы заполнить пустое пространство, оставленное теми, которые были скрыты.

Как я могу сгладить движение элементов div, которые не были скрыты после того, как другие исчезли и оставили пустое место?

 //Before this goes a long function that decides wich divs will get their class changed
 $('#work-container > div[class*=visible]').fadeIn('slow','swing');
 $('#work-container > div[class*=hidden]').fadeOut('slow','swing');

Редактировать: http://jsfiddle.net/Ccswn/3/Непонятная штука