Dette innstikket er ikkje testa med dei tre siste utgåvene av WordPress. Det kan henda det ikkje blir vedlikehalde lenger, og kan ha problem med nyare versjonar av WordPress.

Details: Show and Hide

Skildring

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.

Skjermbilete

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

Blokker

Denne utvidinga gjev 1 blokk.

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

Installasjon

  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.

Vanlege spm.

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.

Omtalar

There are no reviews for this plugin.

Bidragsytarar og utviklarar

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

Contributors

Endringslogg

1.0.4

  • Add deprecation notice

1.0.3

  • Deploy from Github

1.0

  • Initial release