accordion no shadow

Using the grid inside trigger and content

Pass various components into the content

Example Additional Sticky Element
Deep linking will auto-scroll to your selected accordion item. Here is only one sticky element after page header. See a demo: ?selected-accordion-item=item-2.

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptatum fuga fugiat eum omnis, enim corporis voluptas nam quisquam incidunt possimus laudantium ducimus distinctio expedita magnam libero maxime blanditiis ratione porro!

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptatum fuga fugiat eum omnis, enim corporis voluptas nam quisquam incidunt possimus laudantium ducimus distinctio expedita magnam libero maxime blanditiis ratione porro!

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptatum fuga fugiat eum omnis, enim corporis voluptas nam quisquam incidunt possimus laudantium ducimus distinctio expedita magnam libero maxime blanditiis ratione porro!

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptatum fuga fugiat eum omnis, enim corporis voluptas nam quisquam incidunt possimus laudantium ducimus distinctio expedita magnam libero maxime blanditiis ratione porro!

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptatum fuga fugiat eum omnis, enim corporis voluptas nam quisquam incidunt possimus laudantium ducimus distinctio expedita magnam libero maxime blanditiis ratione porro!

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptatum fuga fugiat eum omnis, enim corporis voluptas nam quisquam incidunt possimus laudantium ducimus distinctio expedita magnam libero maxime blanditiis ratione porro!

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptatum fuga fugiat eum omnis, enim corporis voluptas nam quisquam incidunt possimus laudantium ducimus distinctio expedita magnam libero maxime blanditiis ratione porro!

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptatum fuga fugiat eum omnis, enim corporis voluptas nam quisquam incidunt possimus laudantium ducimus distinctio expedita magnam libero maxime blanditiis ratione porro!

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptatum fuga fugiat eum omnis, enim corporis voluptas nam quisquam incidunt possimus laudantium ducimus distinctio expedita magnam libero maxime blanditiis ratione porro!

This is the accordion content.
This is the accordion content.
This is the accordion content.
Example Additional Sticky Element
Deep linking will auto-scroll to your selected accordion item. Here are few sticky elements with differnt heights. See a demo: ?selected-accordion-item=item-2.

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptatum fuga fugiat eum omnis, enim corporis voluptas nam quisquam incidunt possimus laudantium ducimus distinctio expedita magnam libero maxime blanditiis ratione porro!

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptatum fuga fugiat eum omnis, enim corporis voluptas nam quisquam incidunt possimus laudantium ducimus distinctio expedita magnam libero maxime blanditiis ratione porro!

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptatum fuga fugiat eum omnis, enim corporis voluptas nam quisquam incidunt possimus laudantium ducimus distinctio expedita magnam libero maxime blanditiis ratione porro!

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptatum fuga fugiat eum omnis, enim corporis voluptas nam quisquam incidunt possimus laudantium ducimus distinctio expedita magnam libero maxime blanditiis ratione porro!

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptatum fuga fugiat eum omnis, enim corporis voluptas nam quisquam incidunt possimus laudantium ducimus distinctio expedita magnam libero maxime blanditiis ratione porro!

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptatum fuga fugiat eum omnis, enim corporis voluptas nam quisquam incidunt possimus laudantium ducimus distinctio expedita magnam libero maxime blanditiis ratione porro!

Example Additional Sticky Element

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptatum fuga fugiat eum omnis, enim corporis voluptas nam quisquam incidunt possimus laudantium ducimus distinctio expedita magnam libero maxime blanditiis ratione porro!

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptatum fuga fugiat eum omnis, enim corporis voluptas nam quisquam incidunt possimus laudantium ducimus distinctio expedita magnam libero maxime blanditiis ratione porro!

Example Additional Sticky Element

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptatum fuga fugiat eum omnis, enim corporis voluptas nam quisquam incidunt possimus laudantium ducimus distinctio expedita magnam libero maxime blanditiis ratione porro!

This is the accordion content.
This is the accordion content.
This is the accordion content.
Deep linking will auto-scroll to your selected accordion item. Here is only the page header. See a demo: ?selected-accordion-item=item-2.

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptatum fuga fugiat eum omnis, enim corporis voluptas nam quisquam incidunt possimus laudantium ducimus distinctio expedita magnam libero maxime blanditiis ratione porro!

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptatum fuga fugiat eum omnis, enim corporis voluptas nam quisquam incidunt possimus laudantium ducimus distinctio expedita magnam libero maxime blanditiis ratione porro!

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptatum fuga fugiat eum omnis, enim corporis voluptas nam quisquam incidunt possimus laudantium ducimus distinctio expedita magnam libero maxime blanditiis ratione porro!

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptatum fuga fugiat eum omnis, enim corporis voluptas nam quisquam incidunt possimus laudantium ducimus distinctio expedita magnam libero maxime blanditiis ratione porro!

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptatum fuga fugiat eum omnis, enim corporis voluptas nam quisquam incidunt possimus laudantium ducimus distinctio expedita magnam libero maxime blanditiis ratione porro!

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptatum fuga fugiat eum omnis, enim corporis voluptas nam quisquam incidunt possimus laudantium ducimus distinctio expedita magnam libero maxime blanditiis ratione porro!

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptatum fuga fugiat eum omnis, enim corporis voluptas nam quisquam incidunt possimus laudantium ducimus distinctio expedita magnam libero maxime blanditiis ratione porro!

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptatum fuga fugiat eum omnis, enim corporis voluptas nam quisquam incidunt possimus laudantium ducimus distinctio expedita magnam libero maxime blanditiis ratione porro!

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptatum fuga fugiat eum omnis, enim corporis voluptas nam quisquam incidunt possimus laudantium ducimus distinctio expedita magnam libero maxime blanditiis ratione porro!

This is the accordion content.
This is the accordion content.
This is the accordion content.
Deep linking will auto-scroll to your selected accordion item. Here are sticky elements not directly after the page header. See a demo: ?selected-accordion-item=item-2.

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptatum fuga fugiat eum omnis, enim corporis voluptas nam quisquam incidunt possimus laudantium ducimus distinctio expedita magnam libero maxime blanditiis ratione porro!

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptatum fuga fugiat eum omnis, enim corporis voluptas nam quisquam incidunt possimus laudantium ducimus distinctio expedita magnam libero maxime blanditiis ratione porro!

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptatum fuga fugiat eum omnis, enim corporis voluptas nam quisquam incidunt possimus laudantium ducimus distinctio expedita magnam libero maxime blanditiis ratione porro!

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptatum fuga fugiat eum omnis, enim corporis voluptas nam quisquam incidunt possimus laudantium ducimus distinctio expedita magnam libero maxime blanditiis ratione porro!

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptatum fuga fugiat eum omnis, enim corporis voluptas nam quisquam incidunt possimus laudantium ducimus distinctio expedita magnam libero maxime blanditiis ratione porro!

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptatum fuga fugiat eum omnis, enim corporis voluptas nam quisquam incidunt possimus laudantium ducimus distinctio expedita magnam libero maxime blanditiis ratione porro!

Example Additional Sticky Element

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptatum fuga fugiat eum omnis, enim corporis voluptas nam quisquam incidunt possimus laudantium ducimus distinctio expedita magnam libero maxime blanditiis ratione porro!

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptatum fuga fugiat eum omnis, enim corporis voluptas nam quisquam incidunt possimus laudantium ducimus distinctio expedita magnam libero maxime blanditiis ratione porro!

Example Additional Sticky Element

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptatum fuga fugiat eum omnis, enim corporis voluptas nam quisquam incidunt possimus laudantium ducimus distinctio expedita magnam libero maxime blanditiis ratione porro!

This is the accordion content.
This is the accordion content.
This is the accordion content.
Deep linking will auto-scroll to your selected accordion item. Here the tallest sticky element is below the accordion in the DOM tree. This doesn't scroll directly to the selected accordion's item, but above of it. The position of the stopped scroll is related to the tallest sticky element which is below the accordion. See a demo: ?selected-accordion-item=item-2.

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptatum fuga fugiat eum omnis, enim corporis voluptas nam quisquam incidunt possimus laudantium ducimus distinctio expedita magnam libero maxime blanditiis ratione porro!

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptatum fuga fugiat eum omnis, enim corporis voluptas nam quisquam incidunt possimus laudantium ducimus distinctio expedita magnam libero maxime blanditiis ratione porro!

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptatum fuga fugiat eum omnis, enim corporis voluptas nam quisquam incidunt possimus laudantium ducimus distinctio expedita magnam libero maxime blanditiis ratione porro!

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptatum fuga fugiat eum omnis, enim corporis voluptas nam quisquam incidunt possimus laudantium ducimus distinctio expedita magnam libero maxime blanditiis ratione porro!

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptatum fuga fugiat eum omnis, enim corporis voluptas nam quisquam incidunt possimus laudantium ducimus distinctio expedita magnam libero maxime blanditiis ratione porro!

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptatum fuga fugiat eum omnis, enim corporis voluptas nam quisquam incidunt possimus laudantium ducimus distinctio expedita magnam libero maxime blanditiis ratione porro!

Example Additional Sticky Element

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptatum fuga fugiat eum omnis, enim corporis voluptas nam quisquam incidunt possimus laudantium ducimus distinctio expedita magnam libero maxime blanditiis ratione porro!

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptatum fuga fugiat eum omnis, enim corporis voluptas nam quisquam incidunt possimus laudantium ducimus distinctio expedita magnam libero maxime blanditiis ratione porro!

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptatum fuga fugiat eum omnis, enim corporis voluptas nam quisquam incidunt possimus laudantium ducimus distinctio expedita magnam libero maxime blanditiis ratione porro!

This is the accordion content.
This is the accordion content.
This is the accordion content.
Example Additional Sticky Element

accordion list inside

Lorem ipsum dolor sit amet..