title: Jquery Show and Hide on hover
body: <p>I was want to show a div when hover on an image i found a demo i follow but it a toggle hover i want to show the div only when mouse hover on it once and hide again when mouse away i didn't know what i need to change in the code to work like i want i am new in jquery here the code</p>
  
  <pre><code>    $(document).ready(function () {
  
          $(".slidingDiv").hide();
          $(".show_hide").show();
  
          $('.show_hide').hover(function () {
              $(".slidingDiv").slideToggle();
          });
  
      });
  </code></pre>
  
  <p></p>