Any tabs + masonry don't work. I haven't been able to do it for 3 days now. Why?

Question

css

Who can, please, make up a small example of up to 5 pictures and 2-3 tabs, and it is desirable that there would be some kind of link below the pictures and in the tabs of the pictures it would be different in order to understand whether the auto-height works or not (any that you use), for me an example to understand, it's just that masonry with tabs does not work for me. I know about the glitch with pictures, so I use imagesLoaded. Maybe I'm doing the structure wrong? I haven't been able to do it for 3 days now.
I don’t need something like this https://vestride.github.io/Shuffle/ , I don’t need to sort anything.
Another glitch is that in the second tab the pictures have moved down somewhere, and if you look through f12 at the code, then there are probably pictures from the first tab, they are not visible, but they take up space. Something like this.
I have already used:
-tabtab.be - simple tabs ( I
got it somewhere on the Internet)
- https://os.alfajango.com/easytabs/
- jquerycards.com/ui/filter-sort/tabulous-js
but if I insert just text into tabs, then auto-height works in tabs, and if I insert pictures and they work through masonry, then I get such a bug, in the first tab the pictures go to the bottom block, it feels like I'm a fix. I indicated the height, and if you go to any other tab and then to the first one, then the auto-height appears on the first tab and the pictures do not go to the bottom block. And the second bug is when, for example, in the second tab to add similar pictures and add a class to the block for working with masonry, then the pictures are not visible, but if you remove the class, you can see it.

Answer 1

It's simple, after changing the tab, do it on the block with masonry
or
depending on the version, and find out where there is a callback on a successful change.