Toggle bootstrap dropdowns on mousenter

dropdown.js

jQuery(function($){
  var selector = '.echo-dropdown-toggle'; // your mega menu link selector
  var hoverDelay = 200; // ms before menu opens
  var hoverTimer;

  // Detect touch-capable devices
  function isTouchDevice() {
    return ( 'ontouchstart' in window ) 
        || (navigator.maxTouchPoints > 0) 
        || (navigator.msMaxTouchPoints > 0);
  }

  function closeAllDropdowns() {
    $(selector).each(function() {
      $(this).dropdown('hide');
    });
  }

  // Only run hover intent on non-touch devices
  if (!isTouchDevice()) {
    $('body').on('mouseenter', selector, function() {
      var $this = $(this);

      clearTimeout(hoverTimer);
      hoverTimer = setTimeout(function(){
        closeAllDropdowns();
        $this.dropdown('show');
      }, hoverDelay);
    });

    $('body').on('mouseleave', selector, function() {
      clearTimeout(hoverTimer);
      closeAllDropdowns();
    });
  }
});