function cancelBubbling (e) {
    e = e || event;
    e.cancelBubble = true;
    if (e.stopPropagation) {
        e.stopPropagation();
    }
}

function toggleMenu(){

	var menu = document.getElementById("cat");
	var ultags = document.getElementById("cat").getElementsByTagName("ul");
	var litags = document.getElementById("cat").getElementsByTagName("li");
	for (var t=0; t<litags.length; t++) {
		litags[t].parentNode.onclick = function(event) {
			cancelBubbling(event);
		}
	}
	for (var t=0; t<ultags.length; t++) {
		ultags[t].parentNode.onclick = function(event) {
			this.getElementsByTagName("ul")[0].style.display=(this.getElementsByTagName("ul")[0].style.display != 'block' ? 'block' : 'none');
			cancelBubbling(event);
		}
	}
}

function toggleContent() {
	var cont = document.getElementById("text");
	var tog = cont.getElementsByTagName("span");
	for (var i=0; i<tog.length; i++) {
		if (tog[i].className == "toggle") {
			tog[i].parentNode.onclick = function() {
			if(this.nextSibling.nodeType==3) {
				this.nextSibling.nextSibling.style.display=(this.nextSibling.nextSibling.style.display !='block' ? 'block' : 'none');
				} else {
					this.nextSibling.style.display=(this.nextSibling.style.display !='block' ? 'block' : 'none');
				}
			}
		}
	}
}

window.onload = function() {toggleMenu(); toggleContent();}

function toggle(el) {
	if(el.nextSibling.nodeType==3) {
		el.nextSibling.nextSibling.style.display=(el.nextSibling.nextSibling.style.display !='block' ? 'block' : 'none');
	} else {
		el.nextSibling.style.display=(el.nextSibling.style.display !='block' ? 'block' : 'none');
	}
}