var sliderHeight = "396px";

$(document).ready(function(){
	$('.readLess').each(function () {
				var current = $(this);
				current.attr("box_h", current.height());
			}
	 );
	
	$(".readLess").css("height", sliderHeight);
	
	$(".readMore").html('<a >Read More</a>');
	$(".readMore a").click(function() { openSlider() })
});

function openSlider()
{
	var open_height = $(".readLess").attr("box_h") + "px";
	$(".readLess").animate({"height": open_height}, {duration: "slow" });
	
	$(".readMore").html('<a href="#darkerCopy">Read Less</a>');
	$(".readMore a").click(function() { closeSlider() })
}

function closeSlider()
{
	$(".readLess").animate({"height": sliderHeight}, {duration: "slow" });
	
	$(".readMore").html('<a>Read More</a>');
	$(".readMore a").click(function() { openSlider() })
}