Как я могу использовать анимацию справа для бокового меню в представлении телефона?

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