XenK2016-01-24 20:08:25
XenK, 2016-01-24 20:08:25

Animating a jQuery table?

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


Answer the question

In order to leave comments, you need to log in

3 answer(s)
Dark Hole, 2016-01-24

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

Archakov Dennis, 2016-01-24

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()

Yuri Lobanov, 2014-08-20

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;}


Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question