Comment trouver le premier élément masqué par JQuery

Question

Je souhaite afficher le premier élément masqué par jquery. mon code html est:

<ol> 
    <li>1</li> 
    <li style="display:none">2</li> 
    <li style="display:none">3</li> 
    <li style="display:none">4</li> 
    <li style="display:none">5</li> 
    <li><a class="add">Add More ...</a></li> 
</ol> 

Je veux montrer d'abord caché LI, chaque fois que cet élément « a » a été cliqué. Ma solution est ci-dessous. mais je pense que la meilleure façon existe.

$("a.add").click(function(){ 
     var hiddens=$(":hidden",$(this).parent().parent()); 
     if (hiddens.length>0) 
     { 
      hiddens.each(function(index,el){ 
       if(index==0) 
       { 
        $(this).slideToggle("fast"); 
       } 
      }); 
     } 

     if (hiddens.length==1) 
     { 
      $(this).parent().hide(); 
     } 

Tanx

Answer 1

Il suffit d'ajouter: premier sélecteur après que vous obtenez: caché réglé de telle sorte que vous obtenez le premier élément de jeu trouvé par: sélecteur caché

$("a.add").click(function(){ 
    $(":hidden:first").slideToggle("fast"); 
}); 

Answer 2

Voici la solution:

$("a.add").click(function(){ 
    $(":hidden:first").show(); 
}); 

Answer 3

Thank You "Ether": je trouve ci-dessous des solutions après votre réponse:

$(":hidden:eq(0)",$(this).parent().parent()) 

OU

$(":hidden:lt(1)",$(this).parent().parent())