Problems fading in and hiding div
<p>Im having an issue with some jquery im using. I want to be able to hover a songs album cover which will then display a play button and allow me to play a song. At the moment though when I hover the album cover all the divs containing the same div name for the play button seem to show on the page. How can I icolate the play button to only show on the albumcover I am actively hovering. Also how can I stop the button from fading in and then fading out straight away?</p>

<p>Im using this jquery code at the moment</p>

<pre><code>&lt;script&gt;

$(document).ready(function()
{    
 $("#cover_overlay").hover(
  function () {
    $(".el-play").fadeIn('slow');
  },
  function () {
    $(".el-play").fadeOut('slow');
  }
);
});

&lt;/script&gt;
</code></pre>

<p>Thanks</p>
