codrops/ThumbnailGridExpandingPreview

Multiple grids on the same page?

Opened this issue · 2 comments

I would like to use it with a tabulation, using the multiple grids on the same page, tried with '#og-grid, #og-grid-one, #og-grid-two', but only the first one seems to work correctly, all the other ones do not scroll back, is there a solution for that, please, would be great if it can be done. Thanks a lot.

Try changing all the id's to classes in both .css and .js files, eg. "#og-grid" -> ".og_grid"

I have the same issue. I changed the ids to classes, updated the css and js but the second grid doesn't work properly. When the user opens an expander and navigates to another photo, the expander of the first remains.

Also, when the user tries to close an expander (on the second grid), the expander closes but the arrow under the thumb remains and the height for the expander remains too.