{"id":227717,"date":"2025-04-05T07:19:33","date_gmt":"2025-04-05T07:19:33","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/good-accordion\/"},"modified":"2025-06-10T13:27:50","modified_gmt":"2025-06-10T13:27:50","slug":"good-accordion","status":"publish","type":"plugin","link":"https:\/\/bs.wordpress.org\/plugins\/good-accordion\/","author":23258354,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"1.1","stable_tag":"1.1","tested":"6.8.5","requires":"6.7","requires_php":"7.4","requires_plugins":null,"header_name":"Good Accordion","header_author":"Hollands Spoor","header_description":"FAQ \/ Accordion Block.","assets_banners_color":"d84949","last_updated":"2025-06-10 13:27:50","external_support_url":"","external_repository_url":"","donate_link":"https:\/\/hollands-spoor.com\/donate\/","header_plugin_uri":"","header_author_uri":"","rating":0,"author_block_rating":0,"active_installs":0,"downloads":504,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.0.0":{"tag":"1.0.0","author":"duijvelshoff","date":"2025-04-05 07:36:56"},"1.0.1":{"tag":"1.0.1","author":"duijvelshoff","date":"2025-04-10 12:40:36"},"1.0.2":{"tag":"1.0.2","author":"duijvelshoff","date":"2025-04-14 13:42:49"},"1.1":{"tag":"1.1","author":"duijvelshoff","date":"2025-06-10 13:27:50"}},"upgrade_notice":[],"ratings":[],"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":3267158,"resolution":"128x128","location":"assets","locale":""},"icon-256x256.png":{"filename":"icon-256x256.png","revision":3267158,"resolution":"256x256","location":"assets","locale":""}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3319992,"resolution":"1544x500","location":"assets","locale":""},"banner-772x250.png":{"filename":"banner-772x250.png","revision":3319992,"resolution":"772x250","location":"assets","locale":""}},"assets_blueprints":{},"all_blocks":{"hs-blocks\/accordion-pane":{"$schema":"https:\/\/schemas.wp.org\/trunk\/block.json","apiVersion":3,"name":"hs-blocks\/accordion-pane","version":"1.1","title":"Accordion Pane","category":"widgets","icon":"","description":"Accordion Pane Block for Accordion.","example":{},"supports":{"html":false},"attributes":{"uniqueId":{"type":"string","default":""},"accordionId":{"type":"string","default":""},"heading":{"type":"string","default":""},"paneSettings":{"type":"object","default":{"headerTag":"h3","iconPosition":"right","iconType":"plusminus","useHtmlDetailsTag":false,"oneAtATime":false}}},"usesContext":["hs-blocks\/accordion","hs-blocks\/accordionId"],"textdomain":"accordion","editorScript":"file:.\/index.js","editorStyle":"file:.\/index.css","style":"file:.\/style-index.css"},"hs-blocks\/accordion":{"$schema":"https:\/\/schemas.wp.org\/trunk\/block.json","apiVersion":3,"name":"hs-blocks\/accordion","version":"1.1","title":"Accordion","category":"widgets","icon":"","description":"Accordion block, uses Accordion-pane block.","example":{},"supports":{"html":false,"align":["wide","full"],"innerBlocks":true},"textdomain":"accordion","editorScript":"file:.\/index.js","editorStyle":"file:.\/index.css","style":"file:.\/style-index.css","viewScript":"file:.\/view.js","attributes":{"uniqueId":{"type":"string","default":""},"align":{"type":"string","default":"wide"},"collapsed":{"type":"boolean","default":false},"paneSettings":{"type":"object","default":{"headerTag":"h3","iconPosition":"right","iconType":"plusminus","useHtmlDetailsTag":false,"oneAtATime":false}},"headerTextColor":{"type":"string","default":""},"headerBackgroundColor":{"type":"string","default":""},"activeHeaderTextColor":{"type":"string","default":""},"activeHeaderBackgroundColor":{"type":"string","default":""},"bodyTextColor":{"type":"string","default":""},"bodyBackgroundColor":{"type":"string","default":""},"margin":{"type":"object","default":{"top":"0em","right":"0em","bottom":"0.1em","left":"0em"}},"headerPadding":{"type":"object","default":{"top":"0.5em","right":"1em","bottom":"0.5em","left":"1em"}},"contentPadding":{"type":"object","default":{"top":"0","right":"1em","bottom":"0","left":"1em"}}},"providesContext":{"hs-blocks\/accordion":"paneSettings","hs-blocks\/accordionId":"uniqueId"}}},"tagged_versions":["1.0.0","1.0.1","1.0.2","1.1"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":3267158,"resolution":"1","location":"assets","locale":""}},"screenshots":{"1":"Good Accordion","2":"Customised in block editor","3":"Customised in stylesheet"},"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[1741,1643],"plugin_category":[43],"plugin_contributors":[240430],"plugin_business_model":[],"class_list":["post-227717","plugin","type-plugin","status-publish","hentry","plugin_tags-accordion","plugin_tags-faq","plugin_category-customization","plugin_contributors-duijvelshoff","plugin_committers-duijvelshoff"],"banners":{"banner":"https:\/\/ps.w.org\/good-accordion\/assets\/banner-772x250.png?rev=3319992","banner_2x":"https:\/\/ps.w.org\/good-accordion\/assets\/banner-1544x500.png?rev=3319992","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/good-accordion\/assets\/icon-128x128.png?rev=3267158","icon_2x":"https:\/\/ps.w.org\/good-accordion\/assets\/icon-256x256.png?rev=3267158","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/good-accordion\/assets\/screenshot-1.png?rev=3267158","caption":"Good Accordion"}],"raw_content":"<!--section=description-->\n<p>Simple and good accordion plugin providing 2 blocks: Accordion and Accordion-pane. Drag an Accordion block into your post, page or custom post type and hit the 'Add pane' button for as often as you need.<\/p>\n\n<p>Features:<\/p>\n\n<ul>\n<li>Setting for 'One at a time'. Only one pane within an accordion can be opened. Uncheck this to allow for all panes to be opened simultaneously.<\/li>\n<li>Use 'Tab' key to focus panes and hit 'Enter' to open<\/li>\n<li>Extensive Use of Accessability attributes<\/li>\n<li>Optionally choose for HTML  and  tags. <\/li>\n<li>Panes scroll into view when a previous pane gets closed<\/li>\n<li>Adjust colors, margins and padding in the block editor<\/li>\n<li>Add styling via css, css-vars or theme.json<\/li>\n<\/ul>\n\n<h3>Use<\/h3>\n\n<p>Drag an Accordion block into a post or page or CPT and use the 'Add pane' button at the bottom of the block to add pane-blocks.<\/p>\n\n<h3>styling<\/h3>\n\n<p>At the root some basic styling variables are defined that can be overwritten by your theme. Some of these can be changed ad hoc by the user in de block-editor. These are:<\/p>\n\n<pre><code>    --wp--custom--accordion--transition-time: 0.1s;\n    --wp--custom--accordion--margin-top: 0px;\n    --wp--custom--accordion--margin-right: 0px;\n    --wp--custom--accordion--margin-bottom: 0.1em;\n    --wp--custom--accordion--margin-left: 0px;\n    --wp--custom--accordion--header-padding-top: 0.5em;\n    --wp--custom--accordion--header-padding-right: 2em;\n    --wp--custom--accordion--header-padding-bottom: 0.5em;\n    --wp--custom--accordion--header-padding-left: 2em;\n    --wp--custom--accordion--content-padding-top: 0.5em;\n    --wp--custom--accordion--content-padding-right: 2em;\n    --wp--custom--accordion--content-padding-bottom: 0.5em;\n    --wp--custom--accordion--content-padding-left: 2em;\n    --wp--custom--accordion--header--text-color: #ffffff;\n    --wp--custom--accordion--header--background-color: #666666;\n    --wp--custom--accordion--header--active-text-color: #ffffff;\n    --wp--custom--accordion--header--active-background-color: #999999;\n    --wp--custom--accordion--body--text-color: #ffffff;\n    --wp--custom--accordion--body--background-color: #666666;\n<\/code><\/pre>\n\n<p>The default values can also be defined in the theme.json of your (child-) theme:<\/p>\n\n<p>Add them to the theme.json like so:<\/p>\n\n<pre><code>{\n    \"$schema\": \"https:\/\/schemas.wp.org\/wp\/6.7\/theme.json\",\n    \"version\": 3,\n    \"settings\": {\n        \"custom\": {\n            \"accordion\": {\n                \"transitionTime\": \"0.1s\",\n                \"marginTop\": \"0px\",\n                \"marginRight\": \"0px\",\n                \"marginBottom\": \"0.1em\",\n                \"marginLeft\": \"0px\",\n                \"headerPaddingTop\": \"1em\",\n                \"headerPaddingRight\": \"1em\",\n                \"headerPaddingBottom\": \"1em\",\n                \"headerPaddingLeft\": \"1em\",\n                \"contentPaddingTop\": \"0.5em\",\n                \"contentPaddingRight\": \"2em\",\n                \"contentPaddingBottom\": \"0.5em\",\n                \"contentPaddingLeft\": \"2em\",\n                \"headerTextColor\": \"#ffffff\",\n                \"headerBackgroundColor\" : \"#666666\",\n                \"activeHeaderTextColor\": \"#ffffff\"\n                \"activeHeaderBackgroundColor\": \"#999999\",\n                \"bodyTextColor\": \"#000000\",\n                \"bodyBackgroundColor\" : \"#ffffff\",\n            }\n        }\n    }\n}&lt;h3&gt;Accessability&lt;\/h3&gt;The pane-headers have a tab-index. If the Enter-key is pressed while a pane-header has focus, a click-event is triggered on that pane-header thereby activating \/ opening it.\n<\/code><\/pre>\n\n<!--section=installation-->\n<p>Upload the plugin files to the <code>\/wp-content\/plugins\/good-accordion<\/code> directory, or install the plugin using the WordPress plugins screen directly.<\/p>\n\n<p>Activate the plugin in the 'Plugins' screen in WordPress<\/p>\n\n<!--section=faq-->\n<dl>\n<dt id='can%20i%20nest%20the%20accordion%20block%20into%20another%20accordion%3F'><h3>Can I nest the accordion block into another accordion?<\/h3><\/dt>\n<dd><p>Yes. Just pull another good-accordion block into the open pane of another good-accordion block.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.1<\/h4>\n\n<p><em>Release Date - june 2025<\/em><\/p>\n\n<ul>\n<li><p>Added some more ARIA attributes;<\/p><\/li>\n<li><p>Added optional details \/ summary tags. Div tags are default and allow for animated opening \/ closing of panes. Opening and closing of panes with details \/ summary tags are determined by browser behaviour;<\/p><\/li>\n<li><p>Added seperate padding for header and content of the pane. Padding css-vars are renamed thus:<\/p>\n\n<p>--wp--custom--accordion--header-padding-top: 0.5em;\n--wp--custom--accordion--header-padding-right: 2em;\n--wp--custom--accordion--header-padding-bottom: 0.5em;\n--wp--custom--accordion--header-padding-left: 2em;\n--wp--custom--accordion--content-padding-top: 0.5em;\n--wp--custom--accordion--content-padding-right: 2em;\n--wp--custom--accordion--content-padding-bottom: 0.5em;\n--wp--custom--accordion--content-padding-left: 2em;<\/p><\/li>\n<li><p>Added translations<\/p><\/li>\n<\/ul>\n\n<h4>1.0.2<\/h4>\n\n<p><em>Release Date - 14 April 2025<\/em><\/p>\n\n<ul>\n<li>Replaced Dashicons with some SVG sources<\/li>\n<li>Toggle switch for icon-position in header pane<\/li>\n<li>Updated translation<\/li>\n<li>Added nl_NL-formal translation<\/li>\n<\/ul>\n\n<h4>1.0.1<\/h4>\n\n<p><em>Release Date - 10 April 2025<\/em><\/p>\n\n<ul>\n<li>Minor bugfix in accordionpane header-tag<\/li>\n<\/ul>","raw_excerpt":"Wordpress accordion block. Simple, small and good.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/bs.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/227717","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bs.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/bs.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/bs.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=227717"}],"author":[{"embeddable":true,"href":"https:\/\/bs.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/duijvelshoff"}],"wp:attachment":[{"href":"https:\/\/bs.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=227717"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/bs.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=227717"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/bs.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=227717"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/bs.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=227717"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/bs.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=227717"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/bs.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=227717"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}