JSFiddle - React, Tailwind, and code Playground
JavaScript
var isIE6 = navigator.userAgent.toLowerCase().indexOf('msie 6') != -1;
jQuery.fn.bigmenu = function(options) {
options = jQuery.extend({
activate_action: "mouseover",
deactivate_action: "mouseleave",
show_method: "slideDown",
hide_method: "slideUp",
justify: "left",
enable_js_shadow: false,
shadow_size: 3,
bm_timeout: 250
}, options);
var $bigmenu_object = this;
if( options.activate_action == "click" ) options.bm_timeout = 0;
$bigmenu_object.children("li").each(function(){
jQuery(this).addClass("bm-item");
jQuery(".bm-item").css({ 'float': options.justify });
jQuery(this).find("div:first").addClass("bm-item-content");
jQuery(this).find("a:first").addClass("bm-item-link");
var $bm_item_content = jQuery(this).find(".bm-item-content");
var $bm_item_link = jQuery(this).find(".bm-item-link");
$bm_item_content.hide();
jQuery(document).bind("click", function(){
jQuery(".bm-item-content").hide();
jQuery(".bm-item-link").removeClass("bm-item-link-hover");
});
jQuery(this).bind("click", function(e){
e.stopPropagation();
});
$bm_item_content.wrapInner('<div class="bm-content-base"></div>');
if(options.enable_js_shadow == true) {
$bm_item_content.append('<div class="bm-js-shadow"></div>');
}
var $bm_timer = 0;
// Activation Method Starts
jQuery(this).bind(options.activate_action, function(e){
e.stopPropagation();
var bm_item_link_obj = jQuery(this).find("a.bm-item-link");
var bm_item_content_obj = jQuery(this).find("div.bm-item-content");
clearTimeout($bm_timer);
$bm_timer = setTimeout(function(){ //Emulate HoverIntent
bm_item_link_obj.addClass("bm-item-link-hover");
...