Accordion
Accordion
Description
Use accordions as an interactive way to avoid scrolling over items that you don’t need everyone to see. Allow visitors to create their own site experience by concentrating their focus on items they choose to expand. This module is a great solution for FAQ sections, “How-to” sections or resume experience sections.
Standard accordion module with simple styling options in a Q&A setting.
Advanced accordion module styled with extra styling options and icons in a Work Experience section or resume setting.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Massa tincidunt nunc pulvinar sapien et ligula ullamcorper. Lacus suspendisse faucibus interdum posuere. Facilisi cras fermentum odio eu feugiat pretium nibh ipsum.
Enable Schema Markup if you are setting up a unique FAQ page on your website. The module adds 'FAQ' schema to the page as per Google's Structured Data guidelines. Click here for more details.
How it looks on Google:
Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Massa tincidunt nunc pulvinar sapien et ligula ullamcorper.
Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Massa tincidunt nunc pulvinar sapien et ligula ullamcorper. Lacus suspendisse faucibus interdum posuere.
Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Massa tincidunt nunc pulvinar sapien et ligula ullamcorper. Lacus suspendisse faucibus interdum posuere. Facilisi cras fermentum odio eu feugiat pretium nibh ipsum.
Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Massa tincidunt nunc pulvinar sapien et ligula ullamcorper. Lacus suspendisse faucibus interdum posuere. Facilisi cras fermentum odio eu feugiat pretium nibh ipsum. Non diam phasellus vestibulum lorem sed risus. Velit scelerisque in dictum non consectetur a. Etiam erat velit scelerisque in dictum non.
Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Massa tincidunt nunc pulvinar sapien et ligula ullamcorper. Lacus suspendisse faucibus interdum posuere. Facilisi cras fermentum odio eu feugiat pretium nibh ipsum. Non diam phasellus vestibulum lorem sed risus. Velit scelerisque in dictum non consectetur a. Etiam erat velit scelerisque in dictum non.
If each step is to be read in a sequence then you can use the How-to Schema Module. To use schema markup, your page must have only a single instance of this module. It adds 'How-To' schema to the page per Google's Structured Data guidelines. Click here for more details.
How it looks on Google:
How to tile a kitchen backsplash
Time Needed: 3 days
1. Prepare the surface
2. Plan Your Layout
Lacus suspendisse faucibus interdum posuere. Facilisi cras fermentum odio eu feugiat pretium nibh ipsum. Non diam phasellus vestibulum lorem sed risus. Velit scelerisque in dictum non consectetur a. Etiam erat velit scelerisque in dictum non.
3. Prepare and apply your mortar
A scelerisque purus semper eget duis at tellus at urna. Aliquam ut porttitor leo a diam. Ornare aenean euismod elementum nisi quis eleifend quam adipiscing.
About:
If you are linking anchorlinks to each accordion tab, make sure the “Expand first item” option is set to “no”, because enabling this will not allow anchors to work correctly.
Site Goal(s): Text OrganizationUse Case(s):