title: How to show and hide next/prev buttons on mouse hover in jQuery?
body: <p>I have never used Javascript before and I need some help. I've downloaded an image slider script from the web but it's missing an option to make Prev/Next arrows to show/hide on hover.
  Here is that part of the code:</p>
  
  <pre><code>if (config.showNextPrev==true){
           var nextPrevButton ='&lt;a class="prev"&gt;&lt;/a&gt;'; 
               nextPrevButton +='&lt;a class="next"&gt;&lt;/a&gt;'; 
  
           element.append(nextPrevButton);
  
           element.find('a.prev').click(function(){
               $.skdslider.prev(element,slides, config);                                     
           });
  
           element.find('a.next').click(function(){
                $.skdslider.next(element,slides, config);                                
           });
      }
  </code></pre>
  
  <p>What changes should I apply to make these buttons show when you hover the image only?</p>
  
  <p>Thank you in advance!</p>
  
  <p>P.S.: Here is jsfiddle of the slider as requested: <a href="https://jsfiddle.net/6bcum4ee/" rel="nofollow noreferrer">https://jsfiddle.net/6bcum4ee/</a></p>