Javascript JQuery在Div.Show上滑入

首先，我想说的是，我对JavaScript和JQuery非常陌生。不过，我有一定的CSS和HTML知识

我已经成功地创建了一组DIV，它们以四个为一组显示，然后在单击按钮时再次隐藏。 我的JavaScript是：

function Show() {
    $('div:hidden').slice(0, 4).show();
    $('#hide').show();
}

function Hide() {
    $('.block').hide();
    $('.block:lt(4)').show();
    $('#hide').hide();
}

然而，我想做的下一件事，也就是我的问题，是让接下来的四张幻灯片（向下），而不是弹出。 我已经谷歌搜索过了，我甚至暴跳如雷！不幸的是，我看不到一种方法可以做到这一点，而我的初学者JavaScript/查询头脑能够理解并修改这种方法

---

如果您有任何帮助、提示或推动正确方向，我们将不胜感激

答案在你的问题中。有一个jquery动画叫做slideDown（显示）和一个slideUp（隐藏）。看

不用show（）和hide（），只需使用slideDown（）和slideUp（），您的div就会滑动。像这样：

function Show() {
    $('div:hidden').slice(0, 4).slideDown();
    $('#hide').show();
}

function Hide() {
    $('.block:gt(3)').slideUp();
  $('#hide').slideUp();
}

---

小提琴：

血腥的传奇！谢谢