文字逐行显示，淡入淡出效果

 html

<div id="etlr">
    <div class="details">111</div>
    <div class="details">222</div>
    <div class="details">333</div>
    <div class="details">444</div>
    <div class="details">555</div>
</div>

css

.details{
    cursor: pointer;
    opacity: 0;
}

js

$(".details").each(function(index){
    $(this).animate({"opacity":1},1000).siblings().animate({opacity:0},1000)
})

最终停留在最后一行显示