Случайный вывод текста после обновления страницы с анимацией

<!-- Случайный вывод текста после обновления страницы с анимацией -->
<style type="text/css">
#info-randomly {
  position: relative;
  overflow: hidden;
  height: auto;
  width: auto;
}
#info-randomly div {
  display: none;
  animation: 3s slidein;
}
@keyframes slidein {
  from {
    margin-left: 100%;
    width: 300%;
  }

  to {
    margin-left: 0%;
    width: 100%;
  }
}
</style>

<div id="info-randomly">
<div>
Текст 1
</div>
<div>
Текст 2
</div>
<div>
Текст 3
</div>
<div>
Текст 4
</div>
<div>
Текст 5
</div>
<div>
Текст 6
</div>
</div>

<script>
$(function() {
  var n = 1, divs = $('#info-randomly div').get();
  for ( ; n--; )  {
  $(divs.splice(Math.random()*divs.length|0,1)).prependTo('#info-randomly').show();
  }
});
 </script>

Выглядит так:
[html]<!-- Случайный вывод текста после обновления страницы  -->
<style type="text/css">
#info-randomly {
  position: relative;
  overflow: hidden;
  height: auto;
  width: auto;
}
#info-randomly div {
  display: none;
  animation: 3s slidein;
}
@keyframes slidein {
  from {
    margin-left: 100%;
    width: 300%;
  }

  to {
    margin-left: 0%;
    width: 100%;
  }
}
</style>

<div id="info-randomly">
<div>
Текст 1
</div>
<div>
Текст 2
</div>
<div>
Текст 3
</div>
<div>
Текст 4
</div>
<div>
Текст 5
</div>
<div>
Текст 6
</div>
</div>

<script>
$(function() {
  var n = 1, divs = $('#info-randomly div').get();
  for ( ; n--; )  {
  $(divs.splice(Math.random()*divs.length|0,1)).prependTo('#info-randomly').show();
  }
});
</script>[/html]