Animating a jQuery table?

Question

css

It is necessary to make a smooth, alternate animation of the appearance of lines (tr), so that each line "leaves" from the previous one. What is the best way to implement this? I also looked towards Animate.css , with fadeInDown animation

https://jsfiddle.net/tqehLpj8/

Answer 1

I don’t understand why animate didn’t please you? Or you don't know about the callback principle?

Answer 2

In CSS set all tr ​​= display:none;
Next, determine the number of tr. After that, execute the following function.

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

or instead of " .slideToggle( "slow" ); " use .show()

Answer 3

input[type="text"]::-webkit-input-placeholder { color: red; }
input[type="text"]::-moz-placeholder { color: red; }

But, in old firefox (before 18) placeholder is considered a pseudo-class, and in new firefox it is a pseudo-element.
So it's better like this:

input[type="text"]::-webkit-input-placeholder {color:red;}
input[type="text"]::-moz-placeholder          {color:red;}/* Firefox 19+ */
input[type="text"]:-moz-placeholder           {color:red;}/* Firefox 18- */
input[type="text"]:-ms-input-placeholder      {color:red;}

jsfiddle.net/azu6n7mm/1