title: How to Fade In repeater LinkButton using jquery
body: <p>I am pretty new to jquery, I've went over a few examples on W3Schools and then googled my question but didn't find an answer that meets my requirements...</p>
  
  <p>Anyway, I have a repeater that shows linkbuttons horizontally. Needless to say, each time, different amount of such linkbuttons is loaded to the repeater.</p>
  
  <p>Here's the Repeater I'm using:</p>
  
  <pre><code>    &lt;div style="position: relative"&gt;
      &lt;asp:Repeater runat="server" ID="repStatuses" 
              onitemdatabound="repStatuses_ItemDataBound" 
              onitemcommand="repStatuses_ItemCommand"&gt;
        &lt;ItemTemplate&gt;
          &lt;asp:LinkButton ID="linkBtnStatuses" runat="server" CommandName="ShowText" CommandArgument='&lt;%# Eval("Priority") + ";" + Eval("LevelID") + ";" + Eval("ID") %&gt;'&gt;
            &lt;div runat="server" id="divSts" class="fontAriel"&gt;&lt;/div&gt;
          &lt;/asp:LinkButton&gt;
        &lt;/ItemTemplate&gt;
      &lt;/asp:Repeater&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p><strong>I want to create the effect of Fade In using Jquery so that each linbutton will be faded in after the previous had faded in as well</strong>... but I don't know how to combine the jquery code with the RepeaterItem LinkButton.</p>
  
  <p><strong>Here's the jquery example code I want my application to look like:</strong></p>
  
  <pre><code>&lt;script&gt;
  $(document).ready(function(){
    $("button").click(function(){
      $("#d1").fadeIn(2000);
      $("#d2").fadeIn(3000);
      $("#d3").fadeIn(6000);
    });
  });
  &lt;/script&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
  &lt;p&gt;Demonstrate fadeIn() with different parameters.&lt;/p&gt;
  &lt;button&gt;Click to fade in boxes&lt;/button&gt;
  
  &lt;br&gt;&lt;br&gt;
  &lt;div id="d1" style="width:80px;height:80px;display:none;background-color:red;"&gt;&lt;/div&gt;&lt;br&gt;
  &lt;div id="d2" style="width:80px;height:80px;display:none;background-color:green;"&gt;&lt;/div&gt;&lt;br&gt;
  &lt;div id="d3" style="width:80px;height:80px;display:none;background-color:blue;"&gt;&lt;/div&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>I need guidance but any help'd be much appreciated.</p>
  
  <p>Thanks in advance</p>