diff --git a/assets/scss/style.scss b/assets/scss/style.scss
index 820f0f2..3590a78 100755
--- a/assets/scss/style.scss
+++ b/assets/scss/style.scss
@@ -339,3 +339,23 @@ figure {
         margin: 0 0.25rem 0 0.25rem;
     }
 }
+
+details {
+    @include bordered-block;
+    padding: 0.5rem 0.5rem 0 0.5rem;
+
+    &[open] {
+        padding-bottom: 0.5rem;
+
+        summary {
+            border-bottom: $standard-border;
+            margin-bottom: 0.5rem;
+        }
+    }
+}
+
+summary {
+    margin: 0 -0.5rem 0 -0.5rem;
+    padding: 0.5rem;
+    padding-top: 0;
+}
diff --git a/layouts/shortcodes/details.html b/layouts/shortcodes/details.html
new file mode 100644
index 0000000..5b99942
--- /dev/null
+++ b/layouts/shortcodes/details.html
@@ -0,0 +1,4 @@
+<details>
+    <summary>{{ .Get "summary" | markdownify }}</summary>
+    {{ .Inner | markdownify }}
+</details>