Auto height for nested accordion?

Design help Webflow integrations
1

Hi,

I’m figuring out if my setup is possible, but i’m stuck at a certain point.

I’m trying to put an nested accordion into an other accordion. That works, only the height of the parent accordion is not automatic. So when the nested accordions expand (see for example with sub nr 2 and 8) and you scroll down, the content/sub accordions gets cut off. That’s because of the fixed height of the parent-accordion. Is it possible to get the parent accordion to automatic height or do i need to find a different solution?

Tried to put the parent to 100% height but that doesn’t fix it? I guess the parent-accordion also has to reload when a sub accordion gets clicked?

The accessible accordion(JS version) from Finsweet is used.

Link

Read Only

Thanks in advance

2

The IX version is working and resizing the contentblocks (also nested
accordions) grows or shrinks. Unfortunately the group options don’t work on the IX version, so when clicked on an other accordion the expanded one doesn’t close.

I guess I could get it to work by applying custom interactions that close al other accordions in that group on second click. Not ideal, but if it is the only solution… Anybody here that has a better fix for this?