Как сделать анимированную фильтрацию с помощью jquery как в примере внутри?

Question

[Blah Blag]

Как сделать анимированную фильтрацию с помощью jquery как в примере внутри без помощи плагинов. Мне важно понять как это работает я не прошу кода. demo.osthemes.biz/wolverine/portfolio-grid-2-col.html здесь можно посмотреть пример фильтрации этих самых элементов

Answer 1

[Николай]

Принцип довольно простой. Если обратить внимание на разметку страницу то видно, что эти блоки расположены абсолютно. При смене фильтра вы считаете новые положения для всех блоков, после этого вам остается лишь сделать анимацию через css transitions или через jquery.animate, как вам больше нравится. То есть, если блок остался - он едет от старого места на новое. Если блок новый - он просто получает анимацию расширения

Comments

[Максим]

Ну и естественно display: none;