{"id":1366,"date":"2024-07-18T04:12:29","date_gmt":"2024-07-18T04:12:29","guid":{"rendered":"https:\/\/preview.vwthemesdemo.com\/ibtana-visual-editor\/?page_id=1366"},"modified":"2024-10-09T06:17:39","modified_gmt":"2024-10-09T06:17:39","slug":"accordion-block","status":"publish","type":"page","link":"https:\/\/preview.vwthemesdemo.com\/ibtana-visual-editor\/accordion-block\/","title":{"rendered":"Accordion Block"},"content":{"rendered":"\n
<\/div>\n\n\n\n
\n
<\/span>
\n
\n
\n

MODULE<\/h2><\/div><\/div>\n\n\n\n

Accordion Block<\/h2><\/div><\/div>\n\n\n\n

Accordion Module lets you design Accordion ( Collapse ) Items and pin any Elements on Accordion Body. Accordion Panel ( Heading ) is created with Texts and Iconswith various design options. Create beautiful FAQ, Accordion, and collapsible items using Accordion Module.<\/h2><\/div><\/div>\n\n\n\n
\n
Pricing<\/span><\/a><\/div><\/div>\n\n\n\n
View Templates<\/span><\/a><\/div><\/div>\n<\/div>\n<\/div>\n\n\n\n
\"\"<\/figure>\n<\/div>\n<\/div><\/div>\n<\/div><\/div>\n\n\n\n
\n

Accordion Block\u00a0features<\/h2><\/div><\/div>\n\n\n\n
\n
\n
\n
\"\"<\/figure>\n\n\n\n

Fill and Outline Layout<\/h2><\/div><\/div>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n\n\n\n

Toggle Accordion Panel<\/h2><\/div><\/div>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n\n\n\n

Accordion Panel Advanced Options<\/h2><\/div><\/div>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n\n\n\n

Accordion Panel Advanced Typography<\/h2><\/div><\/div>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n\n\n\n

Accordion Panel Normal and Hover<\/h2><\/div><\/div>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n\n\n\n

Panel Icon Setting<\/h2><\/div><\/div>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n\n\n\n

Panel Icon Default Style Circle <\/h2><\/div><\/div>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n\n\n\n

Panel Icon Spacing with Responsive <\/h2><\/div><\/div>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n\n\n\n

Panel Icon Normal and Hover Border <\/h2><\/div><\/div>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n\n\n\n

Panel Open Icon Settings<\/h2><\/div><\/div>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n\n\n\n

Panel Open Icon Normal and Hover Color<\/h2><\/div><\/div>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n\n\n\n

Panel Close Icon Setting<\/h2><\/div><\/div>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n\n\n\n

Panel Close Icon Normal and Hover Color<\/h2><\/div><\/div>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n\n\n\n

Accordion Body Spacing with Responsive <\/h2><\/div><\/div>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n\n\n\n

Accordion Body Normal and Hover Border <\/h2><\/div><\/div>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n\n\n\n

Block Section HTML Tag<\/h2><\/div><\/div>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n\n\n\n

Block Section Spacing with Responsive <\/h2><\/div><\/div>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n\n\n\n

Block Section Normal and Hover Border <\/h2><\/div><\/div>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n\n\n\n

Block Section Design with SVG<\/h2><\/div><\/div>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n\n\n\n

Responsive Z-Index <\/h2><\/div><\/div>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n\n\n\n

Animation Options<\/h2><\/div><\/div>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n\n\n\n

Custom CSS<\/h2><\/div><\/div>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
\"\"<\/figure>\n\n\n\n

Add Any Elements Inside Single Column<\/h2><\/div><\/div>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n\n\n\n

Active First Panel<\/h2><\/div><\/div>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n\n\n\n

Accordion Panel Normal and Hover Color<\/h2><\/div><\/div>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n\n\n\n

Accordion Panel Spacing with Responsive <\/h2><\/div><\/div>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n\n\n\n

Accordion Panel Normal and Hover Border <\/h2><\/div><\/div>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n\n\n\n

Panel Icon Position Right or Left<\/h2><\/div><\/div>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n\n\n\n

Panel Icon Responsive Size<\/h2><\/div><\/div>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n\n\n\n

Panel Icon Box Responsive Width <\/h2><\/div><\/div>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n\n\n\n

Panel Icon Normal and Hover Box Shadow <\/h2><\/div><\/div>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n\n\n\n

Panel Open Icon Selection<\/h2><\/div><\/div>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n\n\n\n

Panel Open Icon Normal and Hover<\/h2><\/div><\/div>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n\n\n\n

Panel Close Icon Selectin<\/h2><\/div><\/div>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n\n\n\n

Panel Close Icon Normal and Hover<\/h2><\/div><\/div>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n\n\n\n

Accordion Body Normal and Hover<\/h2><\/div><\/div>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n\n\n\n

Block Section ID<\/h2><\/div><\/div>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n\n\n\n

Advanced Background with Color,\u00a0<\/h2><\/div><\/div>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n\n\n\n

Block Section Responsive Height<\/h2><\/div><\/div>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n\n\n\n

Block Section Normal and Hover Box<\/h2><\/div><\/div>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n\n\n\n

Responsive Position Static, Relative<\/h2><\/div><\/div>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n\n\n\n

Display Mode with Hiding on Desktop<\/h2><\/div><\/div>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n\n\n\n

Remove Default Container Responsive <\/h2><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n
\n

Single Accordion Item features<\/h2><\/div><\/div>\n\n\n\n
\n
\n
\n
\"\"<\/figure>\n\n\n\n

Add Any Elements Inside Single Accordion<\/h2><\/div><\/div>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n\n\n\n

Single Accordion Normal and Hover Box <\/h2><\/div><\/div>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
\"\"<\/figure>\n\n\n\n

Single Accordion Normal and Hover <\/h2><\/div><\/div>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n\n\n\n

Single Accordion Spacing with Margin and <\/h2><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n
\n

Accordion Block Demo<\/h2><\/div><\/div>\n\n\n\n
\n
\n
\n

How We Work<\/h2><\/div><\/div>\n\n\n\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sagittis orci ac odio dictum tincidunt. Donec ut metus leo. Class aptent taciti sociosqu ad litora torquent per conubia nostra<\/h2><\/div><\/div>\n\n\n\n

Ready to Bring Bigger, Better, Faster & Stronger Projects Than Ever!!<\/h2><\/div><\/div>\n\n\n\n
\n