Submenu appear and dissapear without need of pressing buttons

fabacademy_lab_theme/assets/js/base.js

@@ -28,11 +28,28 @@ $("li.disabled a").click(function() {
 });
 
 /*Working with submenus*/
-$('.dropdown-submenu > a').on("click", function(e) {
+var submenuTimer;
+
+$('.dropdown-submenu > a').on("mouseenter", function(e) {
     var submenu = $(this);
-    $('.dropdown-submenu .dropdown-menu').removeClass('show');
-    submenu.next('.dropdown-menu').addClass('show');
-    e.stopPropagation();
+    submenuTimer = setTimeout(function() {
+        $('.dropdown-submenu .dropdown-menu').removeClass('show');
+        submenu.next('.dropdown-menu').addClass('show');
+    }, 300);
+});
+
+$('.dropdown-submenu > a').on("mouseleave", function(e) {
+    clearTimeout(submenuTimer);
+});
+
+$('.dropdown-menu').on("mouseleave", function(e) {
+    leaveTimer = setTimeout(function() {
+        $('.dropdown-menu.show').removeClass('show');
+    }, 250);
+});
+
+$('.dropdown-menu').on("mouseenter", function(e) {
+    clearTimeout(leaveTimer);
 });
 
 $('.dropdown').on("hidden.bs.dropdown", function() {