fix: fixes to content-select to load hidden blocks and accordion

layouts/shortcodes/accordion-options.html

@@ -5,20 +5,24 @@
 
 Usage:
 -------
-{{< accordion-options threshold="600" notCollapsible="false" >}}
+{{< accordion-options collapsible="false" >}}
+Code block content goes here with **markdown** support.
+{{< /accordion-options >}}
+
+{{< accordion-options threshold="600" >}}
 Code block content goes here with **markdown** support.
 {{< /accordion-options >}}
 
 Parameters:
 ------------
 -- threshold (number): The pixel threshold at which the accordion collapses (only for non-collapsible accordions)
--- notCollapsible (boolean): If true, the accordion cannot be collapsed
+-- collapsible (boolean): Default is true, if false then the accordion cannot be collapsed
 
 */}}
 
 {{ $threshold := .Get "threshold" }}
-{{ $notCollapsible := eq (lower (printf "%v" (.Get "notCollapsible"))) "true" }}
+{{ $collapsible := ne (lower (printf "%v" (.Get "collapsible"))) "false" }}
 
-<div class="accordion-options{{ if $notCollapsible }} accordion-options--not-collapsible{{ end }}" {{ if and $threshold (not $notCollapsible) }}data-threshold="{{ $threshold }}"{{ end }}>
+<div class="accordion-options{{ if eq $collapsible false }} accordion-options--not-collapsible{{ end }}" {{ if and $threshold $collapsible }}data-threshold="{{ $threshold }}"{{ end }}>
     {{ .Inner | markdownify }}
 </div>

static/js/content-select.js

@@ -2,6 +2,29 @@
 
 (function ($) {
     $(document).ready(function () {
+        // Code needed to load the hidden content blocks for the prism-accessibility.js to apply to the code blocks in them
+        $(".gd-docs-content__block").each(function(index) {
+            if (index > 0) {
+                $(this).css({
+                    "display": "block",
+                    "position": "absolute",
+                    "opacity": 0,
+                });
+            }
+        });
+
+        setTimeout(function() {
+            $(".gd-docs-content__block").each(function(index) {
+                if (index > 0) {
+                    $(this).css({
+                        "display": "",
+                        "position": "",
+                        "opacity": "",
+                    });
+                }
+            });
+        }, 100);
+
         // Set up tab click behavior
         $(".gd-docs-content-select__tab").on("click", setActive);
 
@@ -67,4 +90,4 @@
                 break;
         }
     };
-}(jQuery));
+}(jQuery));