Jquery toggle issue
<p>i just made a jquery work to hide and show a link on a image. the 'a' seated as position absolute on image.</p>

<p>To do this, i made this code :</p>

<pre><code>$(document).ready(function(){
    var caseStudySlider = $('div.case-study-slider img');
    caseStudySlider.bind('mouseover',function(e){
        $(e.target).closest("a").toggle();
    })
})
</code></pre>

<p>and this this my HTML code as well on the page :</p>

<pre><code>&lt;div class="case-study-slider"&gt;
       &lt;span class="slider-player"&gt;&lt;a href="case-study-page-b.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>But it's not work. any one help me that, what this the issue with my code?</p>

<p>Thanks on Advance!.</p>
