Accordion Dropdown not hiding text

Design help Animations & Interactions
1

Hi, I have implemented an accordion drop down on my website when more info is clicked.
I have used an interaction when more info is clicked, then the dropdown text’s initial state is 0pixels high and when its clicked it is 100px high. More Info is clicked again to hide the text.
I had it working right, but for some reason when I added in sliders instead of just single images and now the text isn’t fully disappearing even tho it’s height is set to 0 pixels. I’ve attached a screenshot below of what I mean, also a link to the website.
Would really appreciate any help at all, just cant figure this out

Thanks so much!!

Screen Shot 2020-01-02 at 17.56.45
Screen Shot 2020-01-02 at 17.56.452880×1262 1.3 MB
Screen Shot 2020-01-02 at 17.56.38
Screen Shot 2020-01-02 at 17.56.382880×1228 755 KB

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=1144370ae6fca59b887003c79a3a9285&mode=preview

2

When I clicked the fist Info link it shows popup but on the second it is showing nothing.
Can you explain how your page will look or behave when everything is fine?

3

Hi @Kayley!
Sorry, my mic was not working but I make a video for you.
Just follow the steps this problem will be solved.

https://www.loom.com/share/61721cff8af5412b8c99902470683c65

4

Hi @KamranImtiaz ,
Thank you so much for your help! I have done all your steps and the more info link now works but for some reason my first info link in my nav is not working now?

Thank you !

i’ve attached a new link below
https://preview.webflow.com/preview/usuals-top-notch-project?utm_medium=preview_link&utm_source=designer&utm_content=usuals-top-notch-project&preview=1144370ae6fca59b887003c79a3a9285&mode=preview

1 Like
5

I am not sure about which nav link you are talking about.
BTW in that readonly link everything is working fine. Can you update the readonly link.
Thanks. @Kayley

6

Sorry the second drop down is doing the same thing and won’t become 0 pixels, do you know what the reason for this is?

Thanks !

7

Send me the Fresh Readonly link.

8

oh sorry ! Does this work for you ? thanks !

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