OtFm Gutenberg Spoiler – (or FAQ) collapse block

Yes!
Navigation by “Tab” button:
The “Up arrow” key pressed – If the focused spoiler is open, you close it
The “Down arrow” key pressed – If the focused spoiler is closed, you open it
Either the “Enter” key or “Space bar” pressed – You toggle the focused spoiler. If it is open, close it; if it is closed, open it.
The “End” key pressed – You move focus to the last spoiler on the page
The “Home” key pressed – You move focus to the first spoiler on the page

Support screen readers

1. find “Box Spoiler Start” and paste (spoiler open)
2. blocks, blocks, blocks…
3. find “Box Spoiler End” and paste (this spoiler closed)

Add this snippet to your file functions.php:

// add new colors to spoiler
function otfmgs_add_new_colors($colors){
    $colors[]= array( 'color' => '#bd4747', 'name' => 'my_brown' );
    $colors[]= array( 'color' => '#32dd94', 'name' => 'my_green' );
    //... etc

    return $colors;
}
add_filter('otfmgs_colors','otfmgs_add_new_colors');

where: #bd4747 – new hex color

result: https://yadi.sk/i/223x_1-S3e_H1w

(available from plugin version 1.4.0)

Add this snippet to your file functions.php:

// add my color palette to spoiler
function otfmgs_add_my_color_pallete($colors){
    $colors['new'][]= array( 'color' => '#bd4747', 'name' => 'my_brown' );
    $colors['new'][]= array( 'color' => '#32dd94', 'name' => 'my_green' );
    //... etc

    return $colors;
}
add_filter('otfmgs_colors','otfmgs_add_my_color_pallete');

where: #bd4747 – new hex color

result: https://yadi.sk/i/Fv7BaxRLkjj_SA

(available from plugin version 1.4.0)

Any properly developed WordPress theme will work with OtFm Gutenberg Spoiler

1. Go to the block editor (add new post)
2. Click “insert block”
3. Search for a block “spoiler” or “otfm” or “faq”

Yes! OtFm Gutenberg Spoiler core features are absolutely free.

Write me Otshelnik-Fm@yandex.ru