https://codepen.io/oleg-mildzihow/pen/GRZZzGM

Друзья, добрый вечер, столкнулся с проблемой, над которой ломаю голову уже достаточное время
Я сделал макет корзины интернет магазина, в которой можно изменять количество товара, на основании чего выводится сумма и количество товара
Проблема в том, что при каждом изменении товара, страница не перерисовывается заново, а просто добавляются новые элементы
Я понимаю, что как-то нужно перед перерисовкой страницы все очищать, но все попытки оказались тщетными(

непомогло

непомогло

непомогло

Плавная смена высоты не работает при указани auto

Я помню что там прикол в том, что нужно указывать статическую высоту, но хз как быть в его ситуации

раз ты юзаешь jq в чём проблема использовать методы .slideUp() .slideDown() .slideToggle()?

На самом деле там просто достаточно посмотреть как реализован метод slideUp в jq, там всё просто оказывается)

я вообще правки в ужасный проект вношу, я это не писал

Я вообще джк не знаю😂😂😂

Ну ты знаешь, что я знаю)

Не знаю, впервые с тобой общаюсь

Есть подозрение что ты этот проект еще ужаснее сделаешь)) раз баз jq не знаешь)

ну по скриптам тут только один вопрос остальное там css

Подскажите пожайлуста как добавить в єтот скрипт плавную смену высоты

$(".menu-item-has-children >a").click(function(e){
   e.preventDefault();
   var r = this.parentNode;
   toggleClass(r, "ast-submenu-expanded"), r.classList.contains("ast-submenu-expanded") ?
     r.querySelector(".sub-menu, .children").style.height="auto" :
     r.querySelector(".sub-menu, .children").style.height="0"
 });

и это думал css хватит