Headspin Logo
2.0.0-beta1
Components
,
Dynamic accordion

Dynamic accordion

Published
July 23, 2024
Category
,

Dynamic accordion - Posts

Before everything, we wanted to make everything the same, but improved. All advanced options are hidden by default as we want to keep easy interface by default and enable additional things only if user needs. Download Beta 1 could be downloaded here: DOWNLOAD COPILOT 2.0.0 BETA 1 Commitments Behind everything let’s explain what we’re committed […]

What is Configuration API? It is our new API introduced in Copilot v2 which aims to provide advanced automation capabilities. Use cases: How it could work: Why Client side CSS build via iframe CSS is front facing of application and building it server side is limited as server has less clue around computed styles than […]

We’re excited to introduce completely re-invented concept of the Context Menu or better to say Context Menu v2. Initial version served us and our users really well, but with recent new features in the Copilot, initial version was limited and could not support all things were present in Copilot like custom tokens. Features overview Following […]

What is Component Madness? Component Madness is once in a year event from HeadspinUI team. It features 7-day in row releasing various solutions in form of the Components. 2024 Lineup Day 1 Age Verification Variant 1Variant 2Variant 3 Day 2 Skip Link Variant 1 Day 3 Hotspot Variant 1 Day 4 Grid Switcher Variant 1 […]

The renderer is stuck in an inifite loop, because…’post’ with ID 5581 renders ‘post’ 5983 (edit)’post’ with ID 5983 renders ‘post’ 5983 (edit)And so on… a ‘post’ could be a Breakdance template, global block, WP post, page, or any other content

Dynamic accordion - Repeater

Sometimes it’s nice to put in text just to get an idea of how text will fill in a space on your website.
There are other placeholder text alternatives like Hipster Ipsum, Zombie Ipsum, Bacon Ipsum, and many more. While often hilarious, these placeholder passages can also lead to much of the same confusion.
This is just placeholder text. Don’t be alarmed, this is just here to fill up space since your finalized copy isn’t ready yet. Once we have your content finalized, we’ll replace this placeholder text with your real content.

Overview

With dynamic accordion you can easily fetch dynamic data from posts or repeater field (ACF or Metabox). It comes with few predefined attributes so you can control its behavior. These attributes can be found on the Post Loop Builder or Repeater element under Advanced > Attributes:

Attributes

  1. hs-expand-first - set this to true or false, if you want first accordion item to be opened / closed.
  2. hs-expand-all - set this to true or false, if you want all accordion item to be opened / closed. This option will override hs-expand-first.
  3. hs-close-siblings - set this to true, if you want to close other siblings when opening one item.
  4. hs-header-scroll - set a maximum viewport where it will apply scroll to header when accordion header is being clicked (handy when you have long content and scrolling on mobile). If you want it 767px and below, just type 767. If you want to disable it => set it to false.
  5. hs-faq-schema - by default this option is false. Set this to true if you want to enable FAQ Schema.

You might also like