Improve dropdown to make it global

Add dropdown for sharing

1 files changed, 27 insertions, 0 deletions

diff --git a/theme/javascript/utils/dropdown.js b/theme/javascript/utils/dropdown.js
new file mode 100644
index 0000000..fe4e1f4
--- /dev/null
+++ b/theme/javascript/utils/dropdown.js
@@ -0,0 +1,27 @@
+define([
+    "jQuery"
+], function($) {
+
+    var toggleDropdown = function(e) {
+        var $dropdown = $(e.currentTarget).parent().find(".dropdown-menu");
+
+        $dropdown.toggleClass("open");
+        e.stopPropagation();
+        e.preventDefault();
+    };
+
+    var closeDropdown = function(e) {
+        $(".dropdown-menu").removeClass("open");
+    };
+
+    // Bind all dropdown
+    var init = function() {
+        $(document).on('click', ".toggle-dropdown", toggleDropdown);
+        $(document).on('click', ".dropdown-menu", function(e){ e.stopPropagation(); });
+        $(document).on("click", closeDropdown);
+    };
+
+    return {
+        init: init
+    };
+});