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

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

最佳答案

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

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

关于jquery - 如何在页面上使用JQuery？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/3517006/