class fires twice
<p>Hello:  I'm wondering if it is possible to get the following images to drop down one at a time .  Currently they are both dropping at once when the first one is clicked.  I've tried using removeClass but that has not had any result.</p>

<p>The code appears twice because there are two images I am trying to show.  Both would initially be thumbnails and then if the person was interested they would click and a larger image would appear.  Once done viewing they could click and remove the image and then look at image 2 and have the same opportunity.  If they want to see something larger than the thumbnail they would click on it.  The problem is when the first (or second) thumbnail is clicked both larger images expand at once and then both contract back down again.  I hope this is clear, I can attempt to clarify further if needed.  Thanks</p>

<pre><code>&lt;div class="JQuery"&gt;&lt;!--Begin JQuery--&gt;
&lt;div class="clickMeA"&gt;&lt;img src="images/1.jpg" width="124" height="90" /&gt;&lt;/div&gt;
&lt;div class="picframeA"&gt;&lt;img src="images/1LG.jpg"&gt;&lt;p&gt;Here is the text&lt;/p&gt;&lt;/div&gt;
  &lt;script src="jquery-1.7.2.min.js"&gt;&lt;/script&gt;
  &lt;script&gt;
    $(document) .ready(function(){                  
            $(".clickMeA"). click(function() {                                            
            $("img") .fadeIn(1000);
            $(".picframeA") .slideToggle("slow");
        });
    });
    &lt;/script&gt;
&lt;div class="clickMeA"&gt;&lt;img src="images/2.jpg" width="124" height="90" /&gt;&lt;/div&gt;
&lt;div class="picframeA"&gt;&lt;img src="images/2LG.jpg"&gt;&lt;p&gt;Here is the text&lt;/p&gt;&lt;/div&gt;
  &lt;script src="jquery-1.7.2.min.js"&gt;&lt;/script&gt;
  &lt;script&gt;
    $(document) .ready(function(){                  
            $(".clickMeA"). click(function() {
            $("img") .fadeIn(1000);
            $(".picframeA") .slideToggle("slow");
        });
    });
    &lt;/script&gt;
&lt;/div&gt;
</code></pre>
