randomly display a div class using JQuery

Question

I want to randomly display a div class using JQuery. The code is something like:

One
Two         


        
      

Answer 1

First we get a random int, from zero to the number of items (minus 1). Then we hide all other elements and show just the randomly chosen one.

var random = Math.floor(Math.random() * jQuery('.item').length);
jQuery('.item').hide().eq(random).show();

Demo