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.

Details: Show and Hide

Maelezo

Beginning with WordPress v6.3, a Details Block is included in WordPress. This plugin is no longer needed.

The block allows you to easily show and hide content using built-in browser functionality. It doesn’t load any external JavaScript and relies on native HTML functionality. You can configure the appearance using built-in editor controls.

It uses the HTML details element to show and hide the content.

Screenshots

  • Collapsed details element with clickable heading.
  • Expanded details element with inner content.
  • Editor view of adding the block and inner content.

Bloku

Kijalizi hiki kinawezesha bloku 1.

  • Details: Show and Hide A block for showing and hiding content.

Installation

  1. Upload the plugin files to the /wp-content/plugins/wp-details-block directory, or install the plugin through the WordPress plugins screen directly.
  2. Activate the plugin through the ‘Plugins’ screen in WordPress
  3. Start adding content.

FAQ

How do I customize the styling?

The wrapper <details> element has the class .wp-block-bm-wp-details-container that you can use to target it and adjust styling as needed.

The <summary> element has the class .wp-block-bm-wp-details-block.

Where can I learn more about browser support?

Details is supported in most major browsers (Chrome, Firefox, and Safari). Caniuse.com has a breakdown of browser support for the details element.

Reviews

Hakuna hakiki za programu-jalizi hii.

Wachangiaji & Wasanidi

“Details: Show and Hide” is open source software. The following people have contributed to this plugin.

Contributors

Changelog

1.0.4

  • Add deprecation notice

1.0.3

  • Deploy from Github

1.0

  • Initial release