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 );