https://github.com/happyprime/toggle-block
Add a toggle in the WordPress block editor to show and hide another block.
https://github.com/happyprime/toggle-block
wordpress-block wordpress-plugin
Last synced: 3 months ago
JSON representation
Add a toggle in the WordPress block editor to show and hide another block.
- Host: GitHub
- URL: https://github.com/happyprime/toggle-block
- Owner: happyprime
- Created: 2023-04-19T03:44:09.000Z (about 3 years ago)
- Default Branch: trunk
- Last Pushed: 2025-06-11T18:50:36.000Z (11 months ago)
- Last Synced: 2025-12-01T04:42:59.345Z (5 months ago)
- Topics: wordpress-block, wordpress-plugin
- Language: JavaScript
- Homepage:
- Size: 541 KB
- Stars: 1
- Watchers: 2
- Forks: 1
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Toggle Block
Add a toggle in the WordPress block editor to show and hide another block.
## Usage
Toggle Block is a very rudimentary block. It renders as a `` element on the front-end that is used to show or hide another target element (via its ID) on the page. It uses `aria-controls` and `aria-label` in an attempt to make it compatible with assistive technology.
The intended use is in a site's template, through the site editor or your theme files, rather than as a block that is frequently used in content.
When the toggle block is selected in the editor, toggle settings appear in the sidebar panel:
The "Controls ID" entered in this panel must match the "HTML anchor" assigned to another block through its advanced panel:
## Changelog
### 0.5.0
* Wrap button text in a `` element to help with styling.
* Move editor styles to an editor-only stylesheet.
* Update to latest dependencies, build process, and code standards.
### 0.4.0
* Add an attribute to toggle a toggle block-specific class on the body element.
* Allow the toggle block to be placed inside the `core/navigation` block.
* Add transform support from/to `core/navigation-link` blocks.
* Update to latest dependencies, build process, and code standards.
### 0.3.1
* Add persisting `toggle-block-has-been-toggled` class to toggled element when first toggled.
### 0.3.0
* Add persisting `toggle-block-has-toggled` class to toggle button when first clicked.
* Update `@wordpress/scripts` to 27.7.0.
* Update project dependencies.