How to solve a jamb with a hover effect?

Question

JavaScript

Hey!
I've hidden the slider controls by default and show them on hover:

$('.product-slider').hover(function(e){
    $('.lSGallery, .lSAction a' ).slideToggle('fast');
  });

But ... if the cursor is hovered over the slider when the page is reloaded, then I get the opposite effect.
What can be organized to prevent a bug?

Answer 1

Rewrite to css