[BUGFIX] hovering on dropdownColumns before js has loaded will invert the toggle-effect (#510)

Author: pxamike

Resources/Public/css/main.js

@@ -14,8 +14,10 @@ jQuery(function ($) {
   var $dropdownMenuWithColumns = $('.js__dropdown-menu-with-columns .js__main-navigation__item._sub')
 
   if (!touchSupport) {
-    $dropdownMenuWithColumns.hover(function () {
-      $(this).toggleClass('open')
+    $dropdownMenuWithColumns.mouseenter(function () {
+      $(this).addClass('open')
+    }).mouseleave(function () {
+      $(this).removeClass('open')
     })
   }
 

Resources/Public/less/main.js

@@ -14,8 +14,10 @@ jQuery(function ($) {
   var $dropdownMenuWithColumns = $('.js__dropdown-menu-with-columns .js__main-navigation__item._sub')
 
   if (!touchSupport) {
-    $dropdownMenuWithColumns.hover(function () {
-      $(this).toggleClass('open')
+    $dropdownMenuWithColumns.mouseenter(function () {
+      $(this).addClass('open')
+    }).mouseleave(function () {
+      $(this).removeClass('open')
     })
   }
 

felayout_t3kit/dev/js/main/header/header.js

@@ -12,8 +12,10 @@ jQuery(function ($) {
   var $dropdownMenuWithColumns = $('.js__dropdown-menu-with-columns .js__main-navigation__item._sub')
 
   if (!touchSupport) {
-    $dropdownMenuWithColumns.hover(function () {
-      $(this).toggleClass('open')
+    $dropdownMenuWithColumns.mouseenter(function () {
+      $(this).addClass('open')
+    }).mouseleave(function () {
+      $(this).removeClass('open')
     })
   }