Auto moving submenu using jQuery easing effect

Hi,

i created a navigation bar manually, then i wanted to give an easing (?) effect to the menu based on this tutorial : https://www.webstuffshare.com/2012/03/auto-moving-submenu-using-jquery/. It means that when you hover a button, an image appear below. Each button has its own image, you can see the menu on one of my website : https://www.intergayhiv.com . The problem is that when you hover whatever button, always the same image (the image of the first button – home) is shown.

My menu was working already but i inserted a wrong code in my functions.php file ( <?php remove_filter( 'the_content', 'wpautop' ); ?> instead of remove_filter( 'the_content', 'wpautop' ); ) and since then my menu does not work.

I inserted two scripts in the body, under my menu :

<script>!window.jQuery && document.write(unescape('%3Cscript src="https://www.intergayhiv.com/wp-content/themes/vihegay/menu/jquery-1.7.1.min.js"%3E%3C/script%3E'))</script>
<script type="text/javascript" src="https://www.intergayhiv.com/wp-content/themes/vihegay/menu/navig.js"></script>

Does someone has an idea what can be wrong ?
If you answer, please try to be clear, i am really not good in javascript…

Thanks in advance !