FAQ accordion component solution using flexbox

Hi everyone, could you look at the following.

If you look at CSS I have commented out a declaration in the rule '.faq-accordion .faq-list .answer > div', this helps transition while collapsing a question in the accordion, but I commented it out because this transition causes jerking in the component while expanding another question, this is due to visibility property as transition won't work on this property.

But at the same time accessibility is also important, for them the screen reader should not read out all the answers at a time so either display or visibility property is required.

How to achieve transition on collapsing the question without that jerking issue at the same time considering accessibility.

comment out if any error I made or of my perceptions are wrong.