我需要制作一個(gè)按鈕來查看三個(gè)后續(xù)帖子當(dāng)我單擊“查看全部”時(shí)，應(yīng)該顯示三個(gè)“div”如果我單擊“查看全部”按鈕，我需要顯示三個(gè)“div”，所以我在這里使用 jquery$('.posts .repeat-grid').slice(0, 3).show();$('#view-all').on('click', function() { $('.posts .repeat-grid:hidden').slice(0, 1).slideDown(); if ($('.posts .repeat-grid:hidden').length === 0) { $('#view-all').fadeOut(); }});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script><div class="posts"> <div class="repeat-grid">1</div> <div class="repeat-grid">2</div> <div class="repeat-grid">3</div></div><div id="view-all">View All</div>知道為什么它不起作用嗎？
1 回答
Cats萌萌
TA貢獻(xiàn)1805條經(jīng)驗(yàn) 獲得超9個(gè)贊
如果這就是你的意思，你可以試試這個(gè)
$('#view-all').on('click', function() {
$('.posts').slideToggle();
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="posts">
<div class="repeat-grid">1</div>
<div class="repeat-grid">2</div>
<div class="repeat-grid">3</div>
</div>
<div id="view-all">View All</div>
- 1 回答
- 0 關(guān)注
- 116 瀏覽
添加回答
舉報(bào)
0/150
提交
取消