Выпадающий меню не сворачивается на мышь

Question

Я создаю сайт, расположенный here, в Foundation 3, и я заметил, что выпадающие меню для верхней панели только рушится, когда вы нажимаете где-то в теле или перемещаете курсор в другое место в меню. Если вы выходите из меню, перемещая курсор в тело из раскрывающегося списка, он остается открытым. Есть ли способ заставить его рухнуть на мыши?

К сожалению, я не знаю, какой конкретный код в структуре управляет функциональностью сбрасывания. Любая помощь очень ценится !!

Answer 1

Если вы поместите следующий код прямо в нижней части страницы, непосредственно перед тегом </body>

<script language="javascript" type="text/javascript"> 
     $(document).ready(function() { 

      $('.has-dropdown').on('mouseout', function() { 
       $(this).find('.dropdown').hide() 
      }); 

      $('.has-dropdown').on('mousemove', function() { 
       $(this).find('.dropdown').show() 
      }); 
     }); 
    </script>