The accordion is an expandable collapsable container layout which takes less space within the page. It is divided into multiple sections or parts and each has contents.
How it’s Work?
The user only able to view one section at a time for seeing other sections content he/she need to expand that section. When a section header gets clicked then it expands and show its content and collapsed previously opened section.
When its require?
When you page contains many forms or contents here, you can use it to divide them into various sections the effect of this is that now its look more user-friendly and easy to navigate.