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

Question

[lutlk]

Привет всем землянам,
Есть у меня одна таблица:
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');
    }
  });
});

Answer 1

[YavaDev]

Уберите в css у блока .solution свойство transition
Ну и советую поменять в вашем js коде .hide(2000) и .show(2000) на .slideUp(2000) и .slideDown(2000) соответственно. Так анимация будет красивей что ли.

Comments

[lutlk]

Благодарю, заработало.
Отдельное спасибо за совет, респект вам за то, что делаете немного больше, чем вас просили)