$(document).ready(function(){
		//just some regular style sheets. change them as you see fit
		var styling =".question{font-family: verdana, sans-serif;font-size: 12px; font-weight:bold; cursor:pointer;}" +
					  ".answer{font-family: verdana, sans-serif;font-size: 11px;color: #333333;text-align: justify;display:block;}" +
					  ".opened{color:#e70098;}" +
					  ".closed{color:#333333;}";
		//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("slow");
				$(this).removeClass("closed").addClass("opened");
			}
		});
});