Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Help building expanding accordion / slider


taylorroy

Question

Site URL: https://tjr-new-site.squarespace.com/slider

I’m looking to create an accordion / slider where each section expands on hover, as demonstrated in the gif mockup. I'm having trouble adapting the code snippets I'm finding to have the right animation, and formatting the content within each section (most I've seen use full background images with caption). 

The code I started with: https://www.cssscript.com/pure-css-horizontal-responsive-image-accordion-slider/
pw for my scary first attempt: troysitehelp

I'd love anyone's input on how to "hack" this for squarespace—i.e. laying out content in SS editor, and adjusting the code to reference this, or if anyone would like to quote an estimate to build this.

TR-Slider-2.gif

Link to comment

1 answer to this question

Recommended Posts

  • 0
7 hours ago, taylorroy said:

Site URL: https://tjr-new-site.squarespace.com/slider

I’m looking to create an accordion / slider where each section expands on hover, as demonstrated in the gif mockup. I'm having trouble adapting the code snippets I'm finding to have the right animation, and formatting the content within each section (most I've seen use full background images with caption). 

The code I started with: https://www.cssscript.com/pure-css-horizontal-responsive-image-accordion-slider/
pw for my scary first attempt: troysitehelp

I'd love anyone's input on how to "hack" this for squarespace—i.e. laying out content in SS editor, and adjusting the code to reference this, or if anyone would like to quote an estimate to build this.

TR-Slider-2.gif

I can help create it using summary block or gallery section so you can edit the content later easier, kindly pm me for detail

Greeting, it's BaNgan from BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Youtube Gallery for Squarespace
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...