jQuery Click to Show Random Div

Use jQuery to display a random div after clicking another element.

HTML

<span id="red" class="rndmDiv clse"><p>Red - Click to Close</p></span>
<span id="blue" class="rndmDiv clse"><p>Blue - Click to Close</p></span>
<span id="green" class="rndmDiv clse"><p>Green - Click to Close</p></span>

CSS

p{
    color: white;
    font-family: arial;
}
#showRndmdiv{
    background-color:red;
    padding: 5px;
    float: left;
    margin-right:10px;
    cursor: pointer;
}
.rndmDiv{
    float: left;
    padding: 5px;
    text-align:center;
    width: 200px;
}
#red{background-color:red;}
#blue{background-color:blue;}
#green{background-color:green;}
.clse{cursor: pointer;}

JavaScript

//$('.rndmDiv').hide()
//$('#showRndmdiv').click(function(){
    var random = Math.floor(Math.random() * $('.rndmDiv').length);
    $('.rndmDiv').hide().eq(random).show();
//});