Emulating custom accordion style in Squarespace

Hi all,

Is it possible to recreate this behaviour (link) in Squarespace?

So each image will open it's own accordion section upon click and will close if we click other image.

Thank you!

Hi,

This looks complex. You can consider another approach.

Clicking on image >> Show info box in this red position

How to do it?

You can add 6 sections under, then we will give code to hide all intiial

then when users click on each image >> we will give code to show corresponding section

Hi @tuanphan !

Thank you for your time to take a look at my question.

Ok, so how can I try this?

On 7/9/2023 at 2:42 PM, tuanphan said:

Hi,

This looks complex. You can consider another approach.

Clicking on image >> Show info box in this red position

How to do it?

You can add 6 sections under, then we will give code to hide all intiial

then when users click on each image >> we will give code to show corresponding section

Hi,

You can add 6 sections under, then we can check code easier

If the site is live & you can't do this, you can duplicate site & do there

3 hours ago, tuanphan said:

Hi,

You can add 6 sections under, then we can check code easier

If the site is live & you can't do this, you can duplicate site & do there

Here is the link

The password is:  ARMA2023

I see huge blank space under. Can you check it again?

2 hours ago, tuanphan said:

I see huge blank space under. Can you check it again?

Yes because I added 6 blank sections. How to shrink them?

OK, I made them smaller now