javascript - jquery一一显示div

Question

嗨，我有 4 个具有相同类 2 的 div（第一个和第二个是显示），另一个是使用 $('.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();
});