Accordion widget is used to save space in such a when one accordion widget is expanded then all the other accordion widget remains collapsed. Only one accordion widget can extend at a time. #
Step 1: #
Select the Accordion widget from the crazy elements(page builder) from the left side of the menu bar from your screen then drag and drop it in the selected area.
After dropping the selected area it will automatically take you to the content tab. In the content tab you will find options to edit Accordion. You can add more accordion and can change the icon which one you want to activate and which one you want to inactive(Active and inactive).
Step 2: #
In the style tab you get the options to design your accordion. Here you can change the accordion border and width.
Step 3: #
In the Advanced tab you can add the margin, padding, Z-Index, CSS (Id, Class) motion effects, Background, Border, Responsive and others.
In the Border tab you can edit the border of your accordion in two modes(Normal, Hover). In both modes you will get the different types of border options(Solid, Double, Dotted, Dashed, Groove) and you can give the border radius, box shadow(horizontal, vertical, blur, spread and the position(inline and outline)). You can also add custom positioning, responsive and custom css.