@lutlk

Как сделать полную плавность анимации в JQuery?

Привет всем землянам,
Есть у меня одна таблица:
markuk.beget.tech/game.php?id=5
в ней, если ты нажмёшь на строку, должен появиться div, но плавность анимации при этом рваная(функции show и hide с помощью JQuery), т.е. после нажатия div постепенно выезжает, но после какой-то точки эта плавность(зависит от указанного времени) пропадает. Настоятельно прошу если не помощи, то хоть предположений. Javascript-код:
jQuery(document).ready(function($) {
  $('.raw').click(function() {
    var height = String($('.solution').height() + 11) + 'px';
    if ($(this).attr('click') == 1) {
      $(this).attr('click', 0);
    //   $(this).next('.solution').removeClass('clicked');
      $(this).next('.solution').hide(2000);
      $(this).find('#pointer').removeClass('clicked');
    } else {
      $(this).attr('click', 1);
    //   $(this).next('.solution').addClass('clicked');
      $(this).next('.solution').show(2000);
      $(this).find('#pointer').addClass('clicked');
    }
  });
});
  • Вопрос задан
  • 75 просмотров
Решения вопроса 1
YavaDev
@YavaDev
Уберите в css у блока .solution свойство transition
Ну и советую поменять в вашем js коде .hide(2000) и .show(2000) на .slideUp(2000) и .slideDown(2000) соответственно. Так анимация будет красивей что ли.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы