How to target one class with jquery?
<p>I am using the below code:</p>

<pre><code> $("img").hover(function() {
  $(".portfolio4").stop().animate({opacity: "0.8"}, 'slow');
},
function() {
  $(".portfolio4").stop().animate({opacity: "1"}, 'slow');
});
</code></pre>

<p>I am making a gallery which is responsive, so I am using the div with the class "portfolio4" to hold all my images.</p>

<p>When I use the above code and hover over one image, then it fades out ALL of the portfolio4's 
when I only want it to just fade out the actual div that the image is nested inside of.</p>

<p>Hope that makes sense?</p>

<p>Any help would be much appreciated. I know it will be something simple but I am not sure how to change it.</p>

<p>Thanks</p>
