Как плавно раскрыть строку в таблице?

Question

[hollanditkzn]

Мне не получается плавно раскрыть и плавно закрыть строку вот пример https://jsfiddle.net/hollanditkzn/x2bcukw7/18/
Как делают для таблиц?

Answer 1

[Евгений Калибров]

Код у вас, конечно, топорный. Не стал переписывать, просто внёс ещё пару хаков в ваш 'код' - https://jsfiddle.net/x2bcukw7/20/
Анимацию сделал на CSS:

.child div {
  height: 0em;
  opacity: 0;
  transition: 0.5s;
}
.child.animate div {
  height: 2em;
  opacity: 1;
}

Comments

[hollanditkzn]

Евгений Калибров Как лучше тогда сделать?

Answer 2

[Максим Тимофеев]

Вешаете на событие click toggleClass и в css на этот класс анимацию через transition или keyframe
https://jsfiddle.net/x2bcukw7/26/

Comments

[hollanditkzn]

Максим Тимофеев неожиданно здесь Вас увидеть, думал Вы следите за темами yii2 больше)))

[Максим Тимофеев]

hollanditkzn, не только. Вот пример:
https://jsfiddle.net/x2bcukw7/26/

[hollanditkzn]

Максим Тимофеев, Ну не совсем то конечно мне больше вот этот пример подходит, только его надо развить дальше, чтобы нормально работало
https://jsfiddle.net/hollanditkzn/x2bcukw7/25/

[hollanditkzn]

Максим Тимофеев, Я просто свою срм систему переписываю полностью на js. Понравилось писать на js