How to make Thumbnails that Unfold content

Hi,

I'm using version 7.1 and trying to see if I can add a grid of thumbnails that the user can click on each one and unfold more content under it, like text and video.

The closest thing I found is the Projects page but clicking on each thumbnail navigates to another page instead of unfolding content on the same page. 

Click on thumbnai. it jump down to section under?

Click on thumbnail, it shows lightbox content?

..

Can you describe in detail?

On 1/12/2021 at 4:00 AM, tuanphan said:

Click on thumbnai. it jump down to section under?

Click on thumbnail, it shows lightbox content?

..

Can you describe in detail?

Hi tuanphan,

I mean sections that Expand and Collapse content like this:
https://open.berkeley.edu/guides/site-builders-guide/edit-html-page/expandcollapse-content

Only  instead of text it would be a photo for the expand/collapse button. Do you know if there is any such component in squarespace?

On 1/17/2021 at 11:55 PM, 3Dalchemy said:

Hi tuanphan,

I mean sections that Expand and Collapse content like this:
https://open.berkeley.edu/guides/site-builders-guide/edit-html-page/expandcollapse-content

Only  instead of text it would be a photo for the expand/collapse button. Do you know if there is any such component in squarespace?

You can use the Accordion Tab Plugin.

If you don't want to use plugin, let me know. I will send some other code to achieve this.

This expand/collapse is styled really nice + minimal. Also formats nicely for mobile to house text-heavy content in an accordion -- https://www.squareaddons.com/shop-2/p/content-accordion