Make hover menu toggle with Timed delay on mouseout with jQuery

Make hover menu toggle with Timed delay on mouseout with jQuery

hover menu toggle with jQuery

Go to the link and download superfish. Get the “superfish.min.js” from the “dist/js” folder

https://superfish.joelbirch.design/

And also create another file name “superfish-settings.js” and put the following code –


jQuery(document).ready(function($){
var sf = $('.menu ul');

sf.superfish({
delay : 140,
speed : 'slow'
});

})

Include the script file into your document through “functions.php

wp_enqueue_script( 'my-simone-superfish-settings', get_template_directory_uri() . '/js/superfish-settings.js', array('jquery'), '20190821', true );

wp_enqueue_script( 'my-simone-superfishsettings', get_template_directory_uri() . '/js/superfish-settings.js', array('my-simone-superfish'), '20190822', true );
Al Mahbub Khan
Written by Al Mahbub Khan Full-Stack Developer & Adobe Certified Magento Developer