// JS document

$(document).ready(function(){
	
	//set up the sliding regions
	var elementButton = $(".species-button");
	elementButton.css("display", "block"); 
	var hiddenSection = $(".body-text");
	hiddenSection.css("display", "none"); 
	
	$('.species-section .species-button').live("click", function(){
		$(this).parent().nextAll('.body-text').slideToggle('slow');
		$(this).toggleClass('highlight');
		if( $(this).hasClass( 'highlight' ) )
			$(this).html('Hide Information');
		else
			$(this).html('More Information');
		return false;
	});	
	
	
});