diff --git a/core/static/core/accordion.scss b/core/static/core/accordion.scss
index 4a80d1dd..72f275e3 100644
--- a/core/static/core/accordion.scss
+++ b/core/static/core/accordion.scss
@@ -36,4 +36,33 @@ details.accordion>.accordion-content {
   border: 1px solid #dddddd;
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
+}
+
+@keyframes open {
+  0% {
+    opacity: 0
+  }
+
+  100% {
+    opacity: 1
+  }
+}
+
+/* closing animation */
+@keyframes close {
+  0% {
+    opacity: 1
+  }
+
+  100% {
+    opacity: 0
+  }
+}
+
+details[open].accordion summary~* {
+  animation: open 700ms;
+}
+
+details::not([open]).accordion summary~* {
+  animation: open 700ms;
 }
\ No newline at end of file