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

Question

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

Answer 1

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

 $('.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; }