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() {