diff --git a/src/components/accordion.js b/src/components/accordion.js
index 92be220..643e3e2 100644
--- a/src/components/accordion.js
+++ b/src/components/accordion.js
@@ -1,19 +1,19 @@
-import React, { useState } from "react"
+import React from "react"
import accordionStyles from "./accordion.module.css"
-export default ({ title, initial, children }) => {
- const [open, setOpen] = useState(initial)
-
+export default ({ title, children }) => {
return (
- <>
-
setOpen(open => !open)}
- >
- {title}
- {open ? "∨" : "∧"}
-
- {open ? {children}
: null}
- >
+
+
+
+
{children}
+
)
}
diff --git a/src/components/accordion.module.css b/src/components/accordion.module.css
index b44aa23..04988b1 100644
--- a/src/components/accordion.module.css
+++ b/src/components/accordion.module.css
@@ -7,7 +7,21 @@
justify-content: space-between;
}
+label:after {
+ content: "∨";
+ right: 1em;
+}
+
+input:checked + label:after {
+ content: "∧";
+}
+
.content {
margin-bottom: 1.5em;
padding: 0 2em;
+ display: none;
+}
+
+input:checked ~ .content {
+ display: block;
}