This plugin hasn’t been tested with the latest 3 major releases of WordPress. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.

Show / Hide Section Block

ཞིབ་བརྗོད།

Show / Hide Section Block provides two blocks: a Show / Hide Group block that is populated with one or more Show / Hide Section blocks.

The HTML output for an individual section is:

<!-- Each section block has a details element. -->
<details>
    <!-- Each details element has a summary and additional, collapsible content. -->
    <summary>Summary text</summary>
    <!-- Additional inner blocks of any type are populated here. -->
</details>

The HTML output for the group is:

<div>
    <details>
        <summary></summary>
        <!-- Additional blocks to be shown/hidden -->
    </details>
    <details>
        <summary></summary>
        <!-- Additional blocks to be shown hidden -->
    </details>
    <!-- Additional section blocks -->
</div>

An option is provided in the block’s side panel to toggle an “Open all”/”Close all” button. If this is toggled on for a block, an additional <button> element will be inserted and JavaScript will be used on the front-end to control the show/hide behavior of all <details> elements in the group at once.

If the toggle is off, no JavaScript is loaded on the front end.

Blocks

This plugin provides 2 blocks.

  • Show Hide Group A group of accessible summaries that can be toggled to show or hide additional details.
  • Show Hide Section A section of collapsible content contained in a details element with a summary.

གདེང་འཇོག

There are no reviews for this plugin.

བྱས་རྗེས་འཇོག་མཁན། & གསར་འབྱེད་པ།

“Show / Hide Section Block” is open source software. The following people have contributed to this plugin.

བྱས་རྗེས་འཇོག་མཁན།

དག་བཅོས་ཉིན་ཐོ།

2.0.3

  • Fix an issue where the front-end script was enqueued twice.

2.0.2

  • Fix an issue preventing Open All toggle from working in Chrome.
  • Update @wordpress/scripts dependency to 26.3.0.
  • Improve block organization, use of block.json.

2.0.1

  • Add a variety of supports options to block.json so that core styles can be applied as expected.
  • Improve asset loading so that the front-end script is only enqueued when the block is in use and when the the open/close all option is selected.
  • Add languages directory, POT file for translations.

2.0.0

Initial public release.