Hide "Show on all pages" Elements

Hello, I am using a bit of code to create Floating menu with images. The floating box are set to be hidden on load, and to show on all pages. I have buttons to trigger the floating boxes, and same code is applied to the float box itself so it will not disappear when moving the mouse from the button to the box menu items. This is working great, but when I click an item from the floating box menu, and the relevant page is loading from the link, the floating box sticks, because the mouse is still hover above it, and I need it to be hidden when switching pages.
This is the page I’m working on: https://www.sinai-s.com/
It’s in Hebrew, so I’m referring to the blue top menu buttons. I hope this post making scenes and that someone has a solution.
Thanks!

Ok, I’ve got a solution (while searching for other issue…) I am using this on the main “Site” code page.

$w.onReady( function () {
//TODO: write your page related code here…
$w(“#elemnt”).hide();
});