reducing opacity of images on a repeater
<p>I have a repeater control that has one image and link button per item template.</p>

<p>What I would like to do is when a link button is clicked, each image except for the one related to the click goes to 50% opacity.</p>

<pre><code>&lt;asp:Repeater ID="Categories" runat="server" OnItemCommand="showSubCat_itemCommand"&gt;
    &lt;HeaderTemplate&gt;&lt;/HeaderTemplate&gt;
    &lt;ItemTemplate&gt;
       &lt;div class="catListing"&gt;   
       &lt;img class="RepeaterImage" src="/images/&lt;%#Eval("imageUrl").ToString()  ?? "" %&gt;"/&gt;
       &lt;asp:LinkButton ID="showSubCats" runat="server" text='&lt;%# Eval("Name") %&gt;' CommandArgument='&lt;%# Eval("id") %&gt;'/&gt;   
       &lt;/div&gt;
    &lt;/ItemTemplate&gt;
    &lt;FooterTemplate&gt;&lt;/FooterTemplate&gt;
&lt;/asp:Repeater&gt;
</code></pre>

<p>This is my repeater, I was hoping that something like this would work:</p>

<pre><code>&lt;script type="text/javascript"&gt;

$('[ID*="showSubCats"]').click(function () {
    debugger;
       $(".RepeaterImage").not(this).stop().animate({ opacity: 0.4 }, 300);
       $(this).stop().animate({ opacity: 1.0 }, 300);

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

<p>Nothing happens when any of the showsubcats link buttons are clicked. I'm guessing i might be on the wrong track!</p>

<p>Any assistance would be great.</p>
