In the share link below I’ve used a copy of the original ans just edited the three items to 3rem; also here the strange glitch. On close the container briefly grosw to very large and then shrinks again.
I’m trying to create a faq-list and the tutorail I shared is a very nice one. But the height of 80px is not something I want to be ‘stuck’ to, so I would like to set my own height.
The reason for this is that I want to create a specific class for faq-items that have a question of two lines in stead of one. This way the spacing for regular questiones (of one line) can be less than the 80px that is used in the tutorial. So I thought if I change the height in the three places where it is set, it should work, but unfortunately it’s not. I do know that the ‘glitch’ arises the moment I set the ‘accordion close’ to 3rem.
I’m new to interactions, so I don’t know where to look. But I would really like to know what I’m doing wrong, so I can learn a little more about how interactione work.
I hope this explaines my question a bit more. Herewith an updated version of what I’m trying to achieve, using a different height than the tutorial.