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>