title: Jquery toggle('slide') only slides once
body: <p>I am very new to jquery so please forgive me in advance if my question is too basic. I am having some problems with a hover slide effect that seems to be a mixture of CSS and jquery issue. 
  When i hover over the image it slides over to the end of the image perfectly well the first time, but then it seems that the hover effect only slides half way from under the first element the second time, instead of starting from the image sliding over the the end. </p>
  
  <p>I have tried many other possibilities for this but so far have had no luck, i would be very grateful if someone can point me in the right direction :) </p>
  
  <p>An example of what i am trying to achieve can be found here </p>
  
  <p><a href="http://jsfiddle.net/robolist/rK4GD/" rel="nofollow">http://jsfiddle.net/robolist/rK4GD/</a></p>
  
  <pre><code>$('.proimg').hover(function(event) {
        $('.boxcaption',this).stop().toggle( 'slide' );
  }).on('mouseleave',function(event) {
        $('.boxcaption',this).stop().toggle( 'slide' )});
  </code></pre>
  
  <p>Many thanks in advance </p>