// JavaScript Stylish FAQ
	$(document).ready(function(){
		//just some regular style sheets. change them as you see fit
		var styling =".question{font-size:14px; font-weight:bold; cursor:pointer;}" +
					  ".answer{display:block;}" +
					  ".opened{color:#86c765;}" +
					  ".closed{color:#00703c;}";		
		//attach style to the page
		var style = document.createElement("style");
        style.type = "text/css";
        try {
            style.appendChild( document.createTextNode(styling) );
        } catch (e) {
            if ( style.styleSheet ) {
                style.styleSheet.cssText = styling;
            }
        }
        document.body.appendChild( style );
		//style all questions as closed
		$(".question").addClass("closed"); 
		//make sure first question is styled as open
	        $(".question:first").removeClass("closed").addClass("opened"); 
		$(".answer").hide(); //hide answers
		$(".answer:first").show(); //show first answer
		//question click
		$(".question").click(function() {
			$(".answer").slideUp("fast");
			$(".question").removeClass("opened").addClass("closed");
	
			if ($(this).next(".answer").is(":hidden")) {
				$(this).next(".answer").slideDown("fast");
				$(this).removeClass("closed").addClass("opened");
			} 			   
		});
});