locker simulation

by bgmort

HTML

<div id="hallway">
</div>

CSS

#hallway { position: relative; }
.locker { height: 50px; width: 10px; margin: 3px; float: left; background-color: #ccc; }
.open { background-color: #000 }

JavaScript

var hallway = $('#hallway');

//create and append elements
for(var i=0; i<100; i++)
    hallway.append($('<div>').addClass('locker'));

//run the simulation
for(var p=1; p<=100; p++) //make 100 passes
    //for(var l=p; l<=100; l+=p)
        //$('.locker').eq(l-1).toggleClass('open');
    $('.locker:nth-child(' + p + 'n)').toggleClass('open');