jquery bubbling issue
<p>i am doing a slide show. and the slide show contain a image. while the user over on the image, a span (which contain a link) should display. as well if the user move out from the image, the span need to hide. </p>

<p>This works fine. the issue is, while mouseenter the span shows. but i need to click on the link inside the span. while i move to that link, i am getting issue, the link get shakeings. i believe this is because of onmouseenter event. any one can tell me how to avoid this issue?</p>

<p>i used the preventDefatul even stop stopPropagation, but there is no use.</p>

<p>this is my code for jquery :</p>

<pre><code>$(document).ready(function(){

$('span', '.case-study-slider').hide();

$('.case-study-slider img').bind('mouseenter', function(e){
   $(e.target).siblings('span').show();
   e.stopPropagation();
})
$('.case-study-slider img').bind('mouseleave', function(e){
    $(e.target).siblings('span').hide();
    e.stopPropagation();
})
</code></pre>

<p>});  </p>

<p>And here is my HTML code :</p>

<pre><code>&lt;div class="case-study-slider"&gt;  
   &lt;span class="slider-player"&gt;  
       &lt;a href="case-study-page-a.html"&gt;&lt;/a&gt;
   &lt;/span&gt;  
   &lt;img height="270" width="702" alt="slider" src="images/slide-space-holder-type2.jpg" /&gt;&lt;/div&gt;
</code></pre>

<p>the span slider-player absolute positioned on the image.</p>

<p>what i need is : while user enter into image, my span need to show, and they can click on link to move my slide without any shake on link.</p>

<p>Any one can help me?</p>
