From edfbfebb3093be7122e02b135f4d985560e6502a Mon Sep 17 00:00:00 2001
From: Otamay <Matt.Pikaflash@gmail.com>
Date: Wed, 16 Aug 2017 12:23:10 -0500
Subject: [PATCH] Added showDelayDuration

Added showDelayDuration to prevent mistakenly open menu onhover
---
 src/jquery.ui.potato.menu.js | 25 ++++++++++++++++---------
 1 file changed, 16 insertions(+), 9 deletions(-)

diff --git a/src/jquery.ui.potato.menu.js b/src/jquery.ui.potato.menu.js
index c7a499e..69b972b 100644
--- a/src/jquery.ui.potato.menu.js
+++ b/src/jquery.ui.potato.menu.js
@@ -13,6 +13,7 @@
     hasHorizontalClass: 'potato-menu-has-horizontal',
     hoverClass: 'potato-menu-hover',
     showDuration: 350,
+    showDelayDuration: 200,
     hideDuration: 100,
     hideDelayDuration: 0
   };
@@ -46,6 +47,8 @@
         $(this).removeClass(option.hoverClass);
       }
     );
+
+    var setTimeoutConst;
     $menuGroups.parent().each(function (/*index*/) {
       var $parentMenuItem = $(this); // menu item that has menu group
       var displayDirection = ($parentMenuItem.parent().hasClass(option.horizontalClass)) ? 'bottom' : 'right';
@@ -53,15 +56,18 @@
       var $menuGroup = $parentMenuItem.find(option.menuGroupSelector + ':first').addClass(option.verticalClass);
       $parentMenuItem.hover(
         function (/*e*/) {
-          $menuGroup.stop(true, true);
-          var offset = {left: '', top: ''};
-          if (displayDirection == 'bottom') {
-            offset.left = 0;
-          } else {
-            offset.left = $(this).width() + 'px';
-            offset.top = '0px';
-          }
-          $menuGroup.css(offset).fadeIn(option.showDuration);
+          var $t = $(this);
+          setTimeoutConst = setTimeout(function(){
+            $menuGroup.stop(true, true);
+            var offset = {left: '', top: ''};
+            if (displayDirection == 'bottom') {
+              offset.left = 0;
+            } else {
+              offset.left = $t.width() + 'px';
+              offset.top = '0px';
+            }
+            $menuGroup.css(offset).fadeIn(option.showDuration);
+          }, option.showDelayDuration);
         },
         function (/*e*/) {
           if (option.hideDelayDuration > 0) {
@@ -69,6 +75,7 @@
           } else {
             $menuGroup.fadeOut(option.hideDuration);
           }
+          clearTimeout(setTimeoutConst);
         }
       );
     });