Streaming live at 10am (PST)

Accordion open-close interaction is not smooth


#1

Having trouble with the accordion interactions. I followed the tutorial and I’ve done these a few other times before, but for some reason this time the animation is not smooth. I tried different easing settings.

Here is my public share link: https://preview.webflow.com/preview/simplerose-b4390b?utm_source=simplerose-b4390b&preview=2381721ab35df60e3245cdd0b7ebcd05

Click on “We’re Hiring” or the “Careers” page. The accordion is there.

Thanks for help!


#2

HI @MarkBult, thanks for the good question.

I would try setting your accordion content div to have an overflow of hidden:

I hope this helps.


#3

Hey Dave that does help a bit. But it still seems pretty choppy to me. Any ideas why?


#4

Hi @MarkBult I played a little bit with your project and the problem is because you are using “hide/show” in your interactions, delete that and just use “size” for all your interactions, exactly as the tutorial.


#5

If I do that, then the interaction doesn’t do anything except change the open/close arrow, the content block doesn’t resize. When I added height=100% to the open interaction, same thing — doesn’t open.


#6

@MarkBult it worked for me, I noticed that you have to redo the animations sometimes, I think it’s a bug.