$(document).ready(function(){
// Your code here
	// close the offDiv content sections
	//(doing this with js instead of css means if no js, content is all visible)
	$('.sm_offDiv > .lm_show-hide').hide();
	// show the correct buttons for each div
	// they are hidden with css for no-js users
	//$('.offDiv > .showLink').show();
	//$('.onDiv > .hideLink').show();
	$('a.showAll').show();
	$('a.hideAll').show();
	// showLink shows the content
	$('a.showLink').click(function(){
	$(this).siblings('.lm_show-hide').slideToggle('fast');
	$(this).parents('.lm_offDiv').removeClass().addClass('lm_onDiv');
	$('a.hideAll').show();
	$(this).hide();
	//$(this).siblings('.hideLink').show();
	return false;
	});
	// hideLink hides the content
	$('a.hideLink').click(function(){
	$(this).siblings('.lm_show-hide').slideToggle('fast');
	$(this).parents('.lm_onDiv').removeClass().addClass('lm_offDiv');
	$('a.showAll').show();
	$(this).hide();
	//$(this).siblings('.showLink').show();
	return false;
	});
	// show all link
	$('a.showAll').click(function(){
	$('.lm_show-hide').slideDown('fast');
	$('.lm_offDiv').removeClass().addClass('lm_onDiv');
	$('a.hideAll').show();
	//$('a.hideLink').show();
	//$('a.showLink').hide();
	$(this).hide();
	return false;
	});
	// hide all link
	$('a.hideAll').click(function(){
	$('.lm_show-hide').slideUp('fast');
	$('.lm_onDiv').removeClass().addClass('lm_offDiv');
	//$('a.showLink').show();
	//$('a.hideLink').hide();
	$(this).hide();
	$('a.showAll').show();
	return false;
	});
	 // title is clickable, and toggles the content
	$(".lm_expansion").click( function() { 
		$(this).toggleClass('lm_collapsibility');
	  	$(this).next("div").slideToggle('fast');
		$(this).parent("div").toggleClass('lm_offDiv');
		$(this).parent("div").toggleClass('lm_onDiv');
		$(this).siblings("a").toggle();
	 } );
	
	$('.lm_offDiv >.lm_expansion').click(function(){
	$('a.hideAll').show();
	});
	$('.lm_onDiv >.lm_expansion').click(function(){
	$('a.showAll').show();
	}); 
		
});