Плавное скрытие\отображение на чистом JS, аналог jQuery .hide(100) и .show(100)?

Question

[Ysery]

Доброго времени суток, уважаемые специалисты.

Имеется форма, при установке галочки скрываются (или наоборот возвращаются) плавно (визуальное сворачивание и разворачивание, что очень наглядно) некоторые пункты посредством этого кода:

$('.comment-notes, .comment-form-author, .comment-form-email').hide(100);
...
$('.comment-notes, .comment-form-author, .comment-form-email').show(100);

Весь код формы вот тут https://jsfiddle.net/L0m6rntu/

Как реализовать такое же плавное скрытие и раскрытие, но на чистом JS?

Answer 1

[Сергей delphinpro]

https://learn.javascript.ru/js-animation

Но я обычно использую комбинацию css transition + js