Анимация таблицы JQuery?

Question

[XenK]

Необходимо сделать плавную, поочерёдную анимацию появления строк (tr), чтобы каждая строка "выезжала" из предыдущей. Каким способом это лучше реализовать? Так же смотрел в сторону Animate.css, с анимацией fadeInDown

https://jsfiddle.net/tqehLpj8/

Answer 1

[Dark Hole]

Не понимаю, чем вам animate не угодил? Или вы не знаете про принцип callback'а?

Answer 2

[Archakov Dennis]

В CSS задайте для всех tr = display:none;

Далее, определите количество tr. После чего, выполните следующую функцию.

for (var i = 1; i<tr.length; i++)
$('.table tr:nth-child('+i+')').slideToggle( "slow" );

или вместо ".slideToggle( "slow" );" использовать .show()

Comments

[XenK]

Ingush Archakov можно небольшой пример?