为什么我的 jquery 函数 fadeOut 可以工作，但 slice 却不起作用？

Question

我需要制作一个按钮来查看三个后续帖子当我单击“查看全部”时，应该显示三个“div”如果我单击“查看全部”按钮，我需要显示三个“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>知道为什么它不起作用吗？

Answer 1

如果这就是你的意思，你可以试试这个

$('#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>