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)
}

最終停留在最後一行顯示