jQuery stop() messes up text
<p>example: <a href="http://jsfiddle.net/V4Arr/5/" rel="nofollow">http://jsfiddle.net/V4Arr/5/</a></p>

<p>My goal is to show a text once you hover over the visible text. To protect against animation builtup I used stop() function, but it starts to mess up other elements (and messes up animation too)! You can see how this looks after few hovers on the text.
Any solutions?</p>

<pre><code>$(document).ready(
      function () {
         $("#cont").hover(
             function () {
               $("#secret").stop().show("slide", "350");
            }, 
             function () {
               $("#secret").stop().hide("slide");
            }
          );
       });
</code></pre>
