document.write('<style type="text/css">dd { display: none; }</style>');

var titles, define, i, state, number;

function handle() {
	titles = document.getElementById("faq").getElementsByTagName("dt");
	define = document.getElementById("faq").getElementsByTagName("dd");
	for(i = 0; i < titles.length; i++) {
		titles[i].innerHTML = '<a href="#' + i + '">' + titles[i].innerHTML + '</a>';
		titles[i].setAttribute("class", "hidden-" + i);
		titles[i].onclick = function() {
			state = this.getAttribute("class").split("-")[0];
			number = this.getAttribute("class").split("-")[1];
			if(state == "hidden") {
				define[number].style.display = "block";
				this.setAttribute("class", "visible-" + number);
			} else {
				define[number].style.display = "none";
				this.setAttribute("class", "hidden-" + number);
			}
			return false;
		}
	}
}
window.onload = handle;