$(function() {
		/* set opacity to nill on page load
		$(".box ul li a").animate({ 
			opacity: 0.1,
		  }, "slow" );*/
		
		// on mouse over
		$(".box ul li a").hover(function () {
			// animate opacity to full
			$(this).stop().animate({
				 opacity: 0.5
			}, "slow" );
		},
		
		// on mouse out
		function () {
			// animate opacity to nill
			$(this).stop().animate({
				opacity: 1,
			}, "fast");
		});
		
		// toggle boxes
		 $(".box h1").click(function () {
		  	$(".box p").slideToggle("slow");
		});
		

	});