X-Git-Url: http://source.bookstackapp.com/bookstack/blobdiff_plain/7c8edf56736bb60a25acbc8be3ed3370f9d12b25..refs/pull/1636/head:/resources/assets/js/components/collapsible.js

diff --git a/resources/assets/js/components/collapsible.js b/resources/assets/js/components/collapsible.js
index a13b367d3..464f394c1 100644
--- a/resources/assets/js/components/collapsible.js
+++ b/resources/assets/js/components/collapsible.js
@@ -1,3 +1,5 @@
+import {slideDown, slideUp} from "../services/animations";
+
 /**
  * Collapsible
  * Provides some simple logic to allow collapsible sections.
@@ -16,12 +18,14 @@ class Collapsible {
 
     open() {
         this.elem.classList.add('open');
-        $(this.content).slideDown(400);
+        this.trigger.setAttribute('aria-expanded', 'true');
+        slideDown(this.content, 300);
     }
 
     close() {
         this.elem.classList.remove('open');
-        $(this.content).slideUp(400);
+        this.trigger.setAttribute('aria-expanded', 'false');
+        slideUp(this.content, 300);
     }
 
     toggle() {