JQuery «выпадающий» список, как на домашней странице Twitter

Question

Мне нужен список jQuery, как на домашней странице Twitter. Это означает, что в списке будет много постов, а затем, через X секунд, в верхней части списка будет вставлен еще один пост с эффектом, который оставит остальные из них.

Answer 1

Как именно это сделать, зависит от того, что вы хотите добавить.Однако в качестве основного принципа вы можете использовать этот метод:

HTML:

<div id="container">
 <div>First item</div>
 <div>Second item</div>
</div>

Javascript:

$(document).ready(function(){
    setInterval(function(){
        $('<div>New item</div>').hide().prependTo('#container').slideDown('slow');
    },4000);
});

Это добавит новый div в началоконтейнера каждые 4 секунды.Когда он будет добавлен, он будет постепенно сдвигаться вниз и соответственно сдвигает существующие div.

Если вы можете предоставить некоторую информацию о том, откуда поступают ваши данные, я могу предложить, как вы могли бы это реализовать.