Random list

by magizter

HTML

<div class="randomlist">
<span>Item 1</span>
    <span>Item 2</span>
    <span>Item 3</span>
    <span>Item 4</span>
    <span>Item 5</span>
    <span>Item 6</span>
</div>

CSS

body { font-family: Helvetica, Arial, sans-serif; font-size:20px; }
.randomlist span { display: none; }

JavaScript

var list = $(".randomlist span").toArray();
var elemlength = list.length;
var randomnum =  Math.floor(Math.random()*elemlength);
var randomitem = list[randomnum];
$(randomitem).css("display", "block");