Fixed bug with multiple dropdown menus showing at the same time

corneliucirlan · Jul 3, 2020 · d2eedfb · d2eedfb
1 parent eed00a4
commit d2eedfb
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 9 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "jquery-mdstrap",
-	"version": "4.2.1",
+	"version": "4.2.2",
 	"description": "jQuery plugin built on top of Bootstrap framework to create mobile menus similar to Google's Material Design",
 	"main": "dist/js/jquery-mdstrap.js",
 	"scripts": {

diff --git a/src/css/jquery-mdstrap.sass b/src/css/jquery-mdstrap.sass
@@ -3,7 +3,7 @@
  *
  * jQuery plugin that enables mobile slide navigation for Bootstrap v4 framework
  *
- * @version 4.2.1
+ * @version 4.2.2
  * @author Corneliu Cirlan (www.corneliucirlan.com)
  */
 

diff --git a/src/js/jquery-mdstrap.js b/src/js/jquery-mdstrap.js
@@ -3,7 +3,7 @@
  *
  * jQuery plugin that enables mobile slide navigation for Bootstrap v4 framework
  *
- * @version 4.2.1
+ * @version 4.2.2
  * @author Corneliu Cirlan (www.corneliucirlan.com)
  */
 
@@ -64,16 +64,16 @@
         // Window scroll
 		windowScroll(settings, internalSettings, $menuParent)
 
-		if (isTouchEnabled()) {		
-			$('.dropdown').on('click', () => {
-				$('.dropdown-menu').toggleClass('active')
+		if (isTouchEnabled()) {
+			$('.dropdown').on('click', function () {
+				$(this).children('.dropdown-menu').toggleClass('active')
 			})
 		}
 		else {
-			$('.dropdown').hover(() => {
-				$('.dropdown-menu').toggleClass('active')
+			$('.dropdown').hover(function () {
+				$(this).children('.dropdown-menu').toggleClass('active')
 			})
-		}		
+		}
 
 		// Check if device is touch enabled
 		function isTouchEnabled() {