title: jQuery eq to display fade in block
body: <p>What I'm trying to do is to fade in a block which on the CSS is display to none here is what I got:</p>
  
  <p>CSS:</p>
  
  <pre><code>.white_content {
      display: none;
      position: relative;;
      width: 5%;
      height: 5%;
      padding: 24px;
      border: 16px solid orange;
      background-color: some;
      z-index:1;
  }
  </code></pre>
  
  <p>jQuery</p>
  
  <pre><code>$(function(){
      $("#act1").click(function() {
          $('li:eq(0)').fadeIn(400); 
      }); 
      $("#act2").click(function() {
          $('li:eq(1)').fadeIn(400); 
      }); 
  }); 
  </code></pre>
  
  <p>an the HTML: </p>
  
  <pre><code>&lt;div id="act1"&gt;first click&lt;/div&gt; 
  &lt;div id="act2"&gt;second click&lt;/div&gt;  
  
  &lt;ul&gt;
      &lt;li&gt;&lt;div id="tos" class="white_content"&gt;  
      some text...
      &lt;/div&gt;&lt;/li&gt; 
  
      &lt;li&gt;&lt;div id="tos" class="white_content"&gt;   
      other some text
      &lt;/div&gt;&lt;/li&gt; 
  &lt;/ul&gt;
  </code></pre>
  
  <p>If I change on the jQuery <code>li:eq(0)</code> to <code>#tos</code> it will work fine but I can't get it to work with <code>li:eq(0)</code> since this is what I'm trying to do.</p>