Accordion Block Lite adds an accessible and responsive Accordion block to the block editor inserter that can be added to display list items that expand and collapse to show and hide their associated sections of content.
Ideal for condensing longform or complex content, such as Frequently Asked Questions (FAQ). Also useful for reducing page scrolling.
https://troytempleman.com/wordpress/blocks/accordion-block/
Accordion Block Lite will output an Accordion block with the following HTML structure:
<ul class="wp-block-tt-accordion ">
<li class="wp-block-tt-accordion-item wp-block-tt-accordion-item-1">
<p class="wp-block-tt-accordion-item-header">
<button class="wp-block-tt-accordion-item-header-button" id="wp-block-tt-accordion-item-header-button-9515cb6e-8464-424b-a277-3102bd5202cf" type="button" aria-expanded="false" aria-controls="wp-block-tt-accordion-item-panel-9515cb6e-8464-424b-a277-3102bd5202cf">
<span class="wp-block-tt-accordion-item-header-button-text">Title</span>
<span class="wp-block-tt-accordion-item-header-button-icon-arrow" aria-hidden="true">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24" aria-hidden="true" focusable="false">
<polyline points="4.711,8 12,15.289 19.289,8" stroke="black" stroke-width="2" fill="none"></polyline>
</svg>
</span>
</button>
</p>
<div class="wp-block-tt-accordion-item-panel" id="wp-block-tt-accordion-item-panel-9515cb6e-8464-424b-a277-3102bd5202cf" role="region" aria-labelledby="wp-block-tt-accordion-item-header-button-9515cb6e-8464-424b-a277-3102bd5202cf" hidden="">
<p>Panel</p>
</div>
</li>
</ul>
If you need help with Accordion Block Lite, please submit a ticket on the [Support]https://wordpress.org/support/plugin/accordion-block-lite) forum.
If you like Accordion Block Lite and would like to support it’s future development, how about buying me a coffee?
If you would like to contribute to the development of Accordion Block Lite, the repository is located on GitHub.
Accordion Block Lite is released under the GNU General Public License, version 2 (GPLv2).