How to make animated filtering with jquery like in the example inside?

Question

css

How to make animated filtering using jquery as in the example inside without the help of plugins. It is important for me to understand how it works, I do not ask for code. demo.osthemes.biz/wolverine/portfolio-grid-2-col.html here you can see an example of filtering these very elements

Answer 1

The principle is pretty simple. If you pay attention to the markup of the page, you can see that these blocks are located absolutely. When you change the filter, you consider new positions for all blocks, after that you just have to do the animation through css transitions or through jquery.animate, as you like. That is, if the block remains, it moves from the old place to the new one. If the block is new - it just gets the expansion animation