new to webflow and first post, bare with me
For a design portfolio I’m trying to build a horizontal Slider / Carousel of full-bleed images, one per project. Each image, when clicked, should open an acccordion with the content according to this project below, turning it into a scrollable page (when I’m one step further this should also disable the left/right sliding). Another click on the image should close the accordion again.
My problem is: From the tutorial it seems that both the Slider and the Accordion need a nested structure, and they cannot reference to something outside of that structure (is this correct?). I would like to have a click on slider-image 1 open content 1, a click on slider-image 2 open content 2 and so forth. But I can’t seem to get that working.
I attached an image of a sketch file to show the Layout I’m aiming at.
Can someone give me a hint?
Much appreciated, thanks : )
Here is my public share link: https://preview.webflow.com/preview/lucass-first-project-953207?utm_medium=preview_link&utm_source=designer&utm_content=lucass-first-project-953207&preview=be717d4fdd56d907cef72a0d3bd7255a&mode=preview
Here’s my published linK: https://lucass-first-project-953207.webflow.io/