$(document).ready(function(){
    $("ul.links-faq").hide(); // hides ul.links-faq (links to anchors) from js-enabled browsers
		$("p.qa").removeClass('hide'); // 'unhides' a set of instructions by removing the .hide class from the p(aragraph) 'qa'
		                               // couldn't just .show it, 'cause it needed to be hidden from non-js-enabled browsers, first  
		$("dd").hide(); // hides all dd's at start 
		$("dt a").click(function(){ // targets the a link of dt with the click function
			$("dt dd").slideToggle("slow"); // toggles slide (down, up) for dd of any dt
			$(this).parent().next().slideToggle("fast"); // (this) = ("dt dd")
			return false;																 // .parent() = targets DOM parent of dt dd, which is dl
		});			 																			 // .next() goes to next sibling of dd in dl, which is next dt dd down the DOM
	});																							 // .slideToggle("fast") toggles next dt dd, then iterates original .click function
																									 // return false = stop jQuery iteration of .click function when no more dt dd's;
																									 // that is, if no more dt dd's, return false is next instruction and stops function	
																									 
// $("ul.links-faq").hide(); solves the problem of show/hide (or hide/show) for js-enabled and non-js-enabled browsers
// on a section-by-section scale.  I'd originally considered PHP's 'includes' somehow, but realized quickly that
// server-side and client-side would never work together.  Thanks to jQuery, all is well.