1 files changed, 38 insertions, 0 deletions
diff --git a/html/assets/js/plugins/expand.js b/html/assets/js/plugins/expand.js
new file mode 100644
index 0000000..533e978
--- /dev/null
+++ b/html/assets/js/plugins/expand.js
@@ -0,0 +1,38 @@
+$$plugins.define('expand', ['domHelper'], function (element, options, $) {
+    //triggerButton: data-trigger-expand
+    //content to be initialized: data-content-expand
+    const triggerButton = element.querySelector('[data-trigger-expand]'),
+        triggerButtonId = triggerButton.getAttribute('data-trigger-expand'),
+        content = $(`[data-content-expand='${triggerButtonId}']`);
+
+    var $triggerButton = $(triggerButton);
+
+    $triggerButton.on('click', function (e) {
+        e.preventDefault();
+        if ($triggerButton.hasClass('active')) {
+            content.slideUp(300, function () {
+                $triggerButton.removeClass('active');
+                content.removeAttr('style');
+            });
+		} else {
+			$triggerButton.addClass('active');
+            content.slideDown(300, function () {
+                if (content.find('.scrollbarShadow').length > 0 && !content.find('.scrollbarShadow').hasClass('initialized')) {
+                    content.find('.scrollbarShadow').addClass('initialized');
+                }
+            });
+        }
+    });
+
+    if (options.closeOnCLickAway == true) {
+        document.addEventListener('click', function (event) {
+            if (!$triggerButton.hasClass('active') || element == event.target || $(event.target).parents().contains(element)) {
+                return;
+            }
+            content.slideUp(300, function () {
+                $triggerButton.removeClass('active');
+                content.removeAttr('style');
+            });
+        });
+    }
+});