jQuery .stop() with UI .toggle() slide animation
<p>I prefer the effect of jQuery UI's <code>.toggle()</code> animation with the 'slide' effect over jQuery's slideToggle animation. However, it seems that the <code>.stop()</code> function does not behave the same between the two options:</p>

<pre><code>jQuery('div').stop().toggle('slide', { 
  direction: 'up',
}, 200);

jQuery('div').stop().slideToggle();
</code></pre>

<p>I'm calling these functions on hover, and when the element is hovered on/off quickly the animation using toggle() is broken. Here's an example - try hovering on/off each button quickly to see the difference - <a href="https://jsfiddle.net/v87r1pxb/1/" rel="nofollow">https://jsfiddle.net/v87r1pxb/1/</a></p>

<p>Is it possible to replcate the effect of <code>.stop().slideToggle()</code> using jQuery UI's slide effect?</p>