为什么我的 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() {&nbsp; $('.posts').slideToggle();});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script><div class="posts">&nbsp; <div class="repeat-grid">1</div>&nbsp; <div class="repeat-grid">2</div>&nbsp; <div class="repeat-grid">3</div></div><div id="view-all">View All</div>