如何在电话视图中使用侧栏菜单的动画权限？

Question

我有一个名为https://schooldukan.com/esythink/的门户网站，当我点击电话视图上的切换栏菜单时，animate-left工作正常意味着它按照我想要的速度缓慢但当我点击十字按钮关闭它时动画不起作用，意味着它很快消失。我想使用animate-right，所以当我点击它会慢慢关闭时，我该怎么办呢，请帮助..

Answer 1

您可以使用此方法代替“display 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;
}