$(function () {

   $('#navbarSupportedContent .nav-item.dropdown .dropdown.dropdown-item').on('mouseover', function (event) {
       let element = $(this);
       let childPopUp = $(element).closest('div').children('div.dropdown-menu');

       if(childPopUp && !$(childPopUp).is(':visible')){
           $(childPopUp).show(300);
       }
   });

   $('#navbarSupportedContent .nav-item.dropdown .dropdown.dropdown-item').on('mouseleave', function (event) {
       let element = $(this);
       let childPopUp = $(element).closest('div').children('div.dropdown-menu');

       if(childPopUp && $(childPopUp).is(':visible')){
           $(childPopUp).hide(300);
       }
   });


});