I have a group of floating elements, all the same size and arranged within a grid layout. I am now adding a new element using jQuery's .after() method, which is larger in size and spans the entire width of the container, necessitating its own row.
The elements that come after the inserted item need to shift and move to the next row accordingly.
I am interested in incorporating an animation for this transition process.
While I am aware of plugins like Isotope, MixItUp, and Masonry which can achieve similar results, I believe they may be too complex for such a straightforward task.