Вставьте новые предметы в список

Question

У меня есть список ссылок, которые я получаю с сервера через AJAX, и я обновляю его новыми ссылками, которые я получаю с сервера.Я хочу, чтобы список скользил вниз, а новые серверы скользили сверху.

Мой список - это div, содержащий список абзацев, каждый из которых содержит ссылку, и я пытаюсь добавить новую ссылку сверху.

Я пробовал вещи, которые видел в других постах, например

link = $('<p id="div1_p_5"><a id="div1_5" href="dummy5">dummy text 5</a></p> ');

$("#div1").prepend(link).children(':first').hide().slideDown(1000);

, но новая ссылка либо появляется, и заставляет остальное внезапно падать и подниматься (кажется, что этопоявляется с большим полем и занимает немного времени, чтобы вернуться к таблице стилей) или просто появляется мгновенно без анимации.

Я использую абзацы, потому что то же самое произошло со ссылкой на элемент, и я нашел несколько старых постов, говорящихэто была ошибка jQ со списками предметов.

Я сделал этот jsfiddle со всем: jsfiddle

Answer 1

Я попробовал ваш код, и он работал просто отлично.Вы можете попробовать это для второй строки, с действиями в другом порядке

link.hide().prependTo('#div1').slideDown(1000);

Answer 2

использовать стиль в элементе, чтобы скрыть его перед вставкой:

link = $('<p id="div1_p_5" style="display:none"><a id="div1_5" href="dummy5">dummy text 5</a></p> ');