var $j = jQuery.noConflict();

$j(function(){
		//just some regular style sheets. change them as you see fit
		var styling =".question{font-size:14px; cursor:pointer;}" +
					  ".answer{display:block; padding-left: 15px; margin-left: 20px; border-left:1px solid #921403;}" +
					  ".opened{color:#921403;}" +
					  ".closed{color:#006699;}";		
		//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
		$j(".question").addClass("closed"); 
		//make sure first question is styled as open
	        $j(".question:first").removeClass("closed").addClass("opened"); 
		$j(".answer").hide(); //hide answers
		$j(".answer:first").show(); //show first answer
		//question click
		$j(".question").click(function() {
			$j(".answer").slideUp("fast");
			$j(".question").removeClass("opened").addClass("closed");
	
			if ($j(this).next(".answer").is(":hidden")) {
				$j(this).next(".answer").slideDown("fast");
				$j(this).removeClass("closed").addClass("opened");
			} 			   
		});
});