random class rotation
HTML
<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
<div id="keyvisual">
<div class="kvWrapper">
first
</div>
<div class="kvWrapper">
second
</div>
<div class="kvWrapper">
third
</div>
<!-- /#keyvisual --></div>
CSS
.kvWrapper {
display: none;
}
.kvDisplay {
display: block;
}
JavaScript
var classes = ["kvDisplay", " ", " "];
classes.sort(function(){ return Math.random() - .5 });
$("#keyvisual .kvWrapper").each(function(){
$(this).addClass(classes.pop());
});