From 468d3273707345c70373a066591383e57a4b0387 Mon Sep 17 00:00:00 2001
From: George Cushen <gcushen@users.noreply.github.com>
Date: Sat, 9 Jan 2021 20:59:42 +0000
Subject: [PATCH] feat(shortcode): make in-page ToC collapsable

Useful for long pages with large ToCs and/or on small screens.

Also add `hide_on` and `show_on` options accepting Bootstrap responsive breakpoints.

Useful for setting `{{< toc hide_on="xl" >}}` in conjunction with Book layout which only shows right sidebar ToC on XL screens and above.
---
 wowchemy/layouts/shortcodes/toc.html | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/wowchemy/layouts/shortcodes/toc.html b/wowchemy/layouts/shortcodes/toc.html
index 31dd72c0..02d39346 100644
--- a/wowchemy/layouts/shortcodes/toc.html
+++ b/wowchemy/layouts/shortcodes/toc.html
@@ -1,2 +1,4 @@
-<h2>{{ i18n "table_of_contents" }}</h2>
-{{ $.Page.TableOfContents }}
+<details class="toc-inpage d-print-none {{with .Get "hide_on"}}d-{{.}}-none{{end}} {{with .Get "show_on"}}d-none d-{{.}}-block{{end}}" open>
+  <summary class="font-weight-bold">{{ i18n "table_of_contents" }}</summary>
+  {{ $.Page.TableOfContents }}
+</details>