Accordian Dropdown

Design help Animations & Interactions
1

Hi
I have implemented an accordion interaction on my website
under each image is a description, on the right-hand side there is a more info button, when clicked a dropdown or accordion is revealed.
it is working fine once an image is below but as you can see, in the second project, the more info button at the end of the page, nothing happens until you place an image below. I was wondering is this interaction possible without having an image below the text?

thanks

Here is my public share link: https://preview.webflow.com/preview/usuals-top-notch-project?utm_medium=preview_link&utm_source=designer&utm_content=usuals-top-notch-project&preview=2a34f38f5992d87dcce0b6303307d7b3&mode=preview
([how to access public share link][2])

1 Like
2

Hey @Kayley

You need to change your structure a bit and add the interaction to trigger on the class and not on the selected element.

You can watch the video here just to get an idea about the structure > Create a custom accordion - Webflow University Documentation > and implement in your case.

@Kayley I will record a video to show you my approach with this.

Piter :webflow_heart:

1 Like
3

Hey @Kayley

Check the video here > https://www.loom.com/share/f8334d328e8a4774911364f67d05ae28

1 Like
4

Thank you so much!!!

1 Like
5

Happy to help! @Kayley

Closing this topic

Piter :webflow_heart: