title: How to find first element that is hidden by JQuery
body: <p>I want to show first element that is hidden by jquery. my html code is:</p>
  
  <pre><code>&lt;ol&gt;
      &lt;li&gt;1&lt;/li&gt;
      &lt;li style="display:none"&gt;2&lt;/li&gt;
      &lt;li style="display:none"&gt;3&lt;/li&gt;
      &lt;li style="display:none"&gt;4&lt;/li&gt;
      &lt;li style="display:none"&gt;5&lt;/li&gt;
      &lt;li&gt;&lt;a class="add"&gt;Add More ...&lt;/a&gt;&lt;/li&gt;
  &lt;/ol&gt;
  </code></pre>
  
  <p>I want to show first hidden LI, each time that "a" element was clicked.
  My solution is below. but I think better way exists.</p>
  
  <pre><code>$("a.add").click(function(){
          var hiddens=$(":hidden",$(this).parent().parent());
          if (hiddens.length&gt;0)
          {
              hiddens.each(function(index,el){
                  if(index==0)
                  {
                      $(this).slideToggle("fast");
                  }
              });
          }
  
          if (hiddens.length==1)
          {
              $(this).parent().hide();
          }
  </code></pre>
  
  <p>Tanx</p>