Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums JavaScript Jquery show hide in list not working fine Reply To: Jquery show hide in list not working fine

#209293
Mottie
Member

Again, try hoverIntent (demo)

$(".parent.dropdown-submenu.mega-group").hoverIntent(
    function() {
       $(this).children('.dropdown-mega.level2').stop(true, false).show("500");
    },
    function(){
       $(this).children('.dropdown-mega.level2').stop(true, false).hide("500");
    }
);

I also included .stop(true, false) to stop previous animations.