java - 我如何在手机 View 中为侧边栏菜单使用动画？

Question

我有一个名为 https://schooldukan.com/esythink/ 的门户，当我点击手机 View 上的切换栏菜单时，左动画工作正常意味着它按照我的意愿缓慢出现但是当我点击十字按钮关闭它时动画不起作用，意味着它很快消失。我想使用 animate-right，这样当我点击它时它会慢慢关闭，我该怎么做请帮忙..

Answer 1

您可以使用此方法代替“显示 block ”。

$('.navbar-toggle').click(function(){
  $('#text1').toggleClass('move')
});

#text1{
      position: fixed;
  left:-100%;
  -webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}

#text1.move{
  left:0;
}