If you want to expand the div for more info, you can't use the class name as more than one box can have the same class name for styling.
Apply an individual id for each box and then access them for animation via jquery.
So, add an id to the div:
<div id="web1" class="web"> <img src="images/portfolio/web-inhealth.jpg" alt="InHealth CDS">
<p>A flash based website using the Gaia Framework. This site was initially built for a young entertainment company out of Atlanta.</p>
<a href=""><span>Read more</span></a> </div>
and then in jquery, replace calls:
$('.work #bottom .work .info').hide();
to something like: