如何在display block上使用easeOutBounce动画？

Question

所以我想在我的移动菜单上使用jQuery ui效果easeOutBounce，脚本如下：

$("#navbar-checkbox, .mobile-menu-wrapper .13").click(function(){
  $("#mobile-nav").({ display: 'block' }, 600, 'easeOutBounce');
})

但这不起作用，它甚至不会将css更改为display: block。

1. 如何将display block用于动画？
2. 您能否告诉我如何将easeOutBounce应用于它

谢谢。

Answer 1

因此，您需要使用jQuerys .css()样式操作来设置要设置动画的元素的样式。这是先完成的。

之后，为了让动画也能按你的意愿工作，你需要在元素上设置css属性后使用duration和指定的效果触发.slideDown()（ easeOutBounce）

代码段：

$("#mobile-nav").css('display','block').slideDown(600, 'easeOutBounce');