如何在手机视图的侧边栏菜单中使用动画效果？

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;
}