How to make a section into an accordion functionality?

Hello!

I'm working on a new concept for a website and I am trying to figure out if there is a way to write custom code to add accordion functionality (open/close) to a section in Squarespace. I have tried using the accordion block, however it does not allow me to add images -let alone make them open into a lightbox. Screenshots below of what I would like to do, vs. how far I got the Squarespace template. Will need to:

– Add + and - icons to right, top side of each section, in-line with the category title
– Make them open and close the section on click

Website: https://raccoon-banjo-jnw9.squarespace.com/sereno-sofia-parazi-photography
PW: hairandmakeup

Any ideas?
Julie

Please see the following.

Let us know how it goes.

On 2/8/2023 at 4:03 PM, creedon said:

Please see the following.

Let us know how it goes.

Which part of this code should I be editing?

The only code to edit in the installed code is the duration.

      // duration, a number (milliseconds) or the word slow or fast
      
      duration : '10',
      
      // duration : '[enter duration between single quotes replacing square brackets]',

There is an extra line in there that may be confusing. I need to remove it in a "bug" fix update. It's not a bug but just an extra useless line.

The rest of the configuration is described in the instructions.

3 hours ago, creedon said:

The only code to edit in the installed code is the duration.

      // duration, a number (milliseconds) or the word slow or fast
      
      duration : '10',
      
      // duration : '[enter duration between single quotes replacing square brackets]',

There is an extra line in there that may be confusing. I need to remove it in a "bug" fix update. It's not a bug but just an extra useless line.

The rest of the configuration is described in the instructions.

Hmmm. I've gone ahead and added both code snippets to the current site, but it didn't seem to do anything (I did also check it on incognito mode). I have each section separated on the site, ideally clicking either the title or the plus would open/close the section.

It appears you have an ancient version of the code I wrote and have not installed the newest code I've pointed to.

That ancient code was written way before Fluid Engine was released. It won't work so you should remove it.