Как правильно стилизовать выпадающий список с помощью jQuery?

Question

[Newer123]

Есть вот такой выпадающий список (CodePen).
Как сделать так, чтобы при сворачивании списка стили кнопки возвращались после того как список свернется весь, а не как сейчас, когда список еще не свернулся, а стили уже вернулись?

Answer 1

[origami1024]

Можно добавить transition-delay

.btn-filters {
  transition-delay: 0.6s;
}
.btn-filters-active {
  transition-delay: 0s;
}

.filters__categories_list {
  /*это чтобы налазящую границу и круглый уголок пофиксить*/
  border-top: 0;
  border-top-left-radius:0;
}

Comments

[Newer123]

Спасибо большое! Подкорректировал чуть-чуть и все получилось в лучшем виде