Headspin Logo
2.0.2
Components
,
Dynamic accordion

Dynamic accordion

Published
July 23, 2024
Category
,

Dynamic accordion - Posts

We have been quietly building something we are genuinely excited about – and it is almost ready. The Headspin AI Agent Assistant is a new way to manage your website, and it is coming soon. What is it? The Headspin AI Agent Assistant connects your WordPress site to AI agents, so updating content no longer […]

Changelog: [POLISH] Token editing UX [POLISH] Unified v2 colorpicker across panels [FIX] Transparent colors [FIX] Color changes on palette editing (v1 color picker)

2.0.0-BETA release changes: https://headspinui.com/blog/copilot-v2-0-0-beta1/Improvements:

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 […]

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