如何找到JQuery隐藏的第一个元素

我想显示jquery隐藏的第一个元素。我的html代码是:

<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>

我想在每次单击“a”元素时显示第一个隐藏的LI。 我的解决方案如下。但我认为有更好的办法。

$("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();
        }

等价无穷小