Jquery隐藏并显示滚动条

我试图做一个垂直旋转木马，但在分配类来隐藏和显示div时遇到了问题。基本上，我有一堆div.wrapper，第一个是用一个活动的类指定的开箱即用的。当我单击顶部箭头时，我想删除该类，并使其“向上滑动”（我使用一个hidden类来完成此操作），并使其他类“向上滑动”，显示包装下的下一个div.wrapper。它在第一次单击时工作，但随后停止

$(".up-button").on("click", function(){
    $(".holder").first().removeClass('active').addClass('hide-    top').next().addClass('active');
  });

  $(".down-button").on("click", function(){
    $(".holder").first().addClass("active");
    $(".holder").siblings().removeClass('hidden');
  });

---

在提问之前阅读：在jsfiddle.net上给我们展示一个演示。我想问题是我把目标对准了.holder.first（），并添加了active类，所以当第二个.holder变为active时，.holder.first（）是隐藏的，第二个.holder不能通过或获得类。我想我已经解决了这个问题，这不是我确定的最好的方法，但它确实有效。