$(document).ready(function() {
//hides content on load
  $('ul.slide-content li> div').hide();
  
//toggles slide down / up of content div
  $('ul.slide-content li> h3').click(function() {
 	$(this).next().slideToggle('fast');
 	});

//toggles the .active class on h3 (changing the color)
  $("ul.slide-content li> h3").toggle(function(){
		$(this).addClass("active");
		}, function () {
		$(this).removeClass("active");
	});
});