滑动新条目ajax

Question

你好我需要通过幻灯片多次输入显示ajax我的脚本只为一个条目工作

var newTxt = ['hello', 'hi'];
for(var i = 0; i <= newTxt.length; i++) {
    $('#txt').prepend('<li class="none">' + newTxt[i] + '</li>');
    $('#txt li:first-child').toggleClass("none", 2000);
}

我使用css和toggleClass进行动画

li { width:100px; }
li.none { width:0px; }

动画可以使用1个条目，但有更多不能正常工作 你有逐个幻灯片显示的解决方案吗？

谢谢你

编辑（现在它的工作，但所有setTimeout同时执行）

var newTxt = ['hello', 'hi'];
for(var i = 0; i <= newTxt.length; i++) {
 setTimeout(function(y) {
    $('#txt').prepend('<li style="width:0">' + newTxt[i] + '</li>');
    $('#txt li:first-child').animate({'width':'100px'}, 1000);
 } (i), (i * 2000));
}

演示https://jsfiddle.net/HHsxc/292/我需要先滑动等待幻灯片等待...