Improve Behaviour of Accordions to enhance user-experience

[kirtiraj22]

Description:

The current implementation of the FAQ section on the website does not provide the desired behavior for the accordions. When a user opens a new accordion, the previously opened accordion remains open, resulting in multiple accordions being open at the same time. I want to improve the functionality of the accordions by implementing a behavior where opening a new accordion automatically closes the previously opened accordion.

Current Behavior:

• Opening a new accordion in the FAQ section does not close the previously opened accordion.
• Multiple accordions can remain open simultaneously, leading to a cluttered and confusing user interface.

Desired Behavior:

• When a user opens a new accordion in the FAQ section, the previously opened accordion should automatically close.
• Only one accordion should be open at a time, ensuring a clean and intuitive user experience.
• This behavior will provide a clear and organized presentation of the FAQ content, making it easier for users to navigate and find the information they need.

Screenshot :

[abhijeet141]

Hi @kirtiraj22
Thank you for creating the issue. Please go ahead and start working on it. If you have any questions or need assistance during the process, feel free to ask.

Thank you for your contribution, and I'm excited to see your progress in resolving the issue.