Поочередное появление элементов <tr>
Есть таблица. Для всех tr применил display:none
Хочу при помощи jquery поочередное появление tr, то есть: 1) появился первый tr 2) по завершении появления первого tr, начинает появляться второй tr 3) и т.д. Не могу понять как это сделать:-E |
Получить все tr, а потом через setTimeout их показывать.
|
$("#table").find("tr")
или $("#table tr") и как дальше? |
<style>
tr.hidden {
display: none;
}
</style>
<table>
<tr class="hidden">
<td>1</td>
</tr><tr class="hidden">
<td>2</td>
</tr><tr class="hidden">
<td>3</td>
</tr><tr class="hidden">
<td>4</td>
</tr><tr class="hidden">
<td>5</td>
</tr class="hidden">
<script>
els= document.getElementsByTagName("tr");
i=0;
interv= setInterval(function(){
if (!els[i]) {
clearInterval(interv);
return;
};
els[i].className="";
++i;
}, 1000);
</script>
|
| Часовой пояс GMT +3, время: 19:20. |