CC-Gallery

by thcipriani

HTML

<a href="#"><div class="clientTop selected" id="Floyds">Floyds</div></a>
<a href="#"><div class="clientTop" id="Chipotle">Chipotle</div></a>
<a href="#"><div class="clientTop" id="Bonnaroo">Bonnaroo</div></a>
<a href="#"><div class="clientTop" id="HoustonRodeo">Rodeo Houston</div></a>
<a href="#"><div class="clientTop" id="WholeFoods">Whole Foods</div></a>

<ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>
</ul>

CSS

ul li{float:left; margin-right:15px;}
a:link{color:red; text-decoration:none;}
a:visted{color:red; text-decoration:none;}
a:hover{color:red; text-decoration:none;}

JavaScript

$('li').hide();

$('.clientTop').each(function(){
    $(this).click(function(){
       this.addClass('selected');
    }); 
});