javascript – Try unsuccessfully to include js scripts in the header [WordPress]

trying to include this JS script in my wordpress header:

                $ (function () {
$ (& # 39;. Hover-link .nav-1 a & # 39;). one ('mousereave mouseenter', function () {
$ (& # 39;. Hover-link .nav-1 a & # 39;). toggleClass (& # 39; blah & # 39;);
});
});

// Second script - hover effect on the active link

$ (& # 39;. Hover-link .nav-1 a & # 39;). hover (function () {
$ (this) .addClass ("new");
}
a function () {
$ (this) .removeClass (& # 39; new);
});

$ (& # 39; hvr-underline-from-center & # 39;). append (& # 39;       & # 39;);
$ (& # 39; hvr-underline-from-center & # 39;). fly over (
a function () {
$ (this) .find (& # 39 ;. add-icon & # 39;). css ("opacity", "1");
}, a function () {
$ (this) .find (& # 39 ;. add-icon & # 39;). css ('opacity', '0');
}
)

without success 🙁

in this page: https://studiorayz.com/?page_id=50 you are supposed to see the effect. the script adds a rollover effect and applies a small arrow to the left of the links. after googling, i think it's language-related, as wp uses php and i do not use the script properly.

help me please i am a newb full! Thanks in advance!

BTW you can see the whole effect here at this code: https://codepen.io/coolzikri/pen/BEbpzO