jquery - 如何在我的页面上使用 JQuery？

Question

在屏幕截图中，您会看到底部有一个价格列表。我希望它默认隐藏，当我点击“价格”按钮时，我希望它从下方滑落。然后，如果我再次按下它，我希望列表再次向上滑动。我怎样才能做到这一点？对不起，如果我没有解释太多，有任何问题请提问。

Answer 1

您需要使用 slideDown和 slideUp动画片。该文档有一个很好的示例，您可以从中复制，但基本上您想将上下滑动的部分放在单独的 div 中，并使用 css display: none;然后添加如下代码:

$('#button').click(function () {
   if ($("#prices").is(":hidden")) {
      $("#prices").slideDown("slow");
   } else {
       $("#prices").slideUp("slow");
   }
});