Ned Zimmerman

This plugin adds a Gutenberg block which provides <code><details></code> with an optional <code><summary></code>.

What does that look like? 
Why, just like this!


Why did you make it? 
I wanted to try making a Gutenberg block, and I read <a href="https://css-tricks.com/quick-reminder-that-details-summary-is-the-easiest-way-ever-to-make-an-accordion/" rel="nofollow ugc">this article</a> last week.

This project was bootstrapped with <a href="https://github.com/ahmadawais/create-guten-block" rel="nofollow ugc">Create Guten Block</a>.

Summary & Details

Simple plugin, but works great. I prefer to add just the blocks I need instead of large plugins with loads of functions I won't need. This plugin fits well in that filosofy and lets you customize the apearance within the theme css.

Very usefull

This plugin adds a Gutenberg block which provides with an optional.

Adds fallback support for the HTML5 <a href="http://html5doctor.com/the-details-and-summary-elements/" rel="nofollow ugc"><details> and <summary> elements</a> in browsers that don’t support them using <a href="http://mathiasbynens.be/notes/html5-details-jquery" rel="nofollow ugc">Mathias Bynens’ <details>/<summary> jQuery plugin.</a>
Once the plugin is activated on your site, the following HTML should work in all modern browsers, even if they don’t natively support the <details> and <summary> elements:
<pre><code><details>
 <summary>Click for more info...</summary>
 This is where you'd add the additional content that won't be seen until the "summary" is clicked.
</details>
</code></pre>

HTML5 Details Polyfill

Adds fallback support for the HTML5 <details> and <summary> elements in browsers that don't support them.

Summary & Details vs HTML5 Details Polyfill