逐个显示div jquery

Question

嗨我有4个div，它们同等级别2（第一个和第二个显示）另一个是隐藏使用$（'。smt：gt（1）'）。hide（）;

<div class="smt"><p>1</p></div>
<div class="smt"><p>2</p></div>
<div class="smt"><p>3</p></div>
<div class="smt"><p>4</p></div>
<div id="more"><p>+</p></div>

如何逐个显示另一个div点击更多div？

Answer 1

尝试这个

$('#more').click(function(){ // <-- bind click event to more
    $('.smt:hidden').eq(0).show(); // <-- show first hidden div with class .smt
    // or $('.smt:hidden').first().show();
    // or $('.smt:hidden:first').show();
    // or $('.smt:hidden:eq(0)').show();
});