$(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 > .sm_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('.sm_show-hide').slideToggle('fast');
	$(this).parents('.sm_offDiv').removeClass().addClass('sm_onDiv');
	$('a.hideAll').show();
	$(this).hide();
	//$(this).siblings('.hideLink').show();
	return false;
	});
	// hideLink hides the content
	$('a.hideLink').click(function(){
	$(this).siblings('.sm_show-hide').slideToggle('fast');
	$(this).parents('.sm_onDiv').removeClass().addClass('sm_offDiv');
	$('a.showAll').show();
	$(this).hide();
	//$(this).siblings('.showLink').show();
	return false;
	});
	// show all link
	$('a.showAll').click(function(){
	$('.sm_show-hide').slideDown('fast');
	$('.sm_offDiv').removeClass().addClass('sm_onDiv');
	$('a.hideAll').show();
	//$('a.hideLink').show();
	//$('a.showLink').hide();
	$(this).hide();
	return false;
	});
	// hide all link
	$('a.hideAll').click(function(){
	$('.sm_show-hide').slideUp('fast');
	$('.sm_onDiv').removeClass().addClass('sm_offDiv');
	//$('a.showLink').show();
	//$('a.hideLink').hide();
	$(this).hide();
	$('a.showAll').show();
	return false;
	});
	 // title is clickable, and toggles the content
	$(".sm_expansion").click( function() { 
		$(this).toggleClass('sm_collapsibility');
	  	$(this).next("div").slideToggle('fast');
		$(this).parent("div").toggleClass('sm_offDiv');
		$(this).parent("div").toggleClass('sm_onDiv');
		$(this).siblings("a").toggle();
	 } );
	
	$('.sm_offDiv >.sm_expansion').click(function(){
	$('a.hideAll').show();
	});
	$('.sm_onDiv >.sm_expansion').click(function(){
	$('a.showAll').show();
	}); 
		
});