Moved scripts from .html files to seperate js .files #191
@@ -20,43 +20,6 @@ function processTooltip() {
 | 
			
		||||
    }
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
var triggerList = document.getElementsByClassName("collapseTrigger");
 | 
			
		||||
for (i = 0; i < triggerList.length; i++) {
 | 
			
		||||
 | 
			
		||||
    triggerList[i].addEventListener("click", function () {
 | 
			
		||||
 | 
			
		||||
        var collapsible = this.parentElement;
 | 
			
		||||
        var collapsibleData = this.nextElementSibling;
 | 
			
		||||
        if (collapsibleData.style.maxHeight > "0px") {
 | 
			
		||||
            collapsibleData.style.maxHeight = "0px";
 | 
			
		||||
 | 
			
		||||
            this.classList.toggle("active", false);
 | 
			
		||||
            if (!this.classList.contains("collapsibleMini")) {
 | 
			
		||||
                collapsible.classList.toggle("active", false);
 | 
			
		||||
            }
 | 
			
		||||
 | 
			
		||||
            var subLists1 = collapsibleData.getElementsByClassName("content");
 | 
			
		||||
            var subLists2 = collapsibleData.getElementsByClassName("active");
 | 
			
		||||
            for (j = 0; j < subLists1.length; j++) {
 | 
			
		||||
                subLists1[j].style.maxHeight = "0px";
 | 
			
		||||
            }
 | 
			
		||||
            for (j = 0; j < subLists2.length; j++) {
 | 
			
		||||
                subLists2[j].classList.toggle("active", false);
 | 
			
		||||
            }
 | 
			
		||||
        } else {
 | 
			
		||||
            collapsibleData.style.maxHeight = (collapsibleData.scrollHeight) + "px";
 | 
			
		||||
 | 
			
		||||
            this.classList.toggle("active", true);
 | 
			
		||||
            if (!this.classList.contains("collapsibleMini")) {
 | 
			
		||||
                collapsible.classList.toggle("active", true);
 | 
			
		||||
            } else {
 | 
			
		||||
                var parentContent = this.closest(".content");
 | 
			
		||||
                parentContent.style.maxHeight = (parentContent.scrollHeight + collapsibleData.scrollHeight) + "px";
 | 
			
		||||
            }
 | 
			
		||||
        }
 | 
			
		||||
    });
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
/**
 | 
			
		||||
 * This function is executed after the page is loaded.
 | 
			
		||||
@@ -97,4 +60,41 @@ function init() {
 | 
			
		||||
 | 
			
		||||
    })
 | 
			
		||||
 | 
			
		||||
    var triggerList = document.getElementsByClassName("collapseTrigger");
 | 
			
		||||
    for (i = 0; i < triggerList.length; i++) {
 | 
			
		||||
 | 
			
		||||
        triggerList[i].addEventListener("click", function () {
 | 
			
		||||
 | 
			
		||||
            var collapsible = this.parentElement;
 | 
			
		||||
            var collapsibleData = this.nextElementSibling;
 | 
			
		||||
            if (collapsibleData.style.maxHeight > "0px") {
 | 
			
		||||
                collapsibleData.style.maxHeight = "0px";
 | 
			
		||||
 | 
			
		||||
                this.classList.toggle("active", false);
 | 
			
		||||
                if (!this.classList.contains("collapsibleMini")) {
 | 
			
		||||
                    collapsible.classList.toggle("active", false);
 | 
			
		||||
                }
 | 
			
		||||
 | 
			
		||||
                var subLists1 = collapsibleData.getElementsByClassName("content");
 | 
			
		||||
                var subLists2 = collapsibleData.getElementsByClassName("active");
 | 
			
		||||
                for (j = 0; j < subLists1.length; j++) {
 | 
			
		||||
                    subLists1[j].style.maxHeight = "0px";
 | 
			
		||||
                }
 | 
			
		||||
                for (j = 0; j < subLists2.length; j++) {
 | 
			
		||||
                    subLists2[j].classList.toggle("active", false);
 | 
			
		||||
                }
 | 
			
		||||
            } else {
 | 
			
		||||
                collapsibleData.style.maxHeight = (collapsibleData.scrollHeight) + "px";
 | 
			
		||||
 | 
			
		||||
                this.classList.toggle("active", true);
 | 
			
		||||
                if (!this.classList.contains("collapsibleMini")) {
 | 
			
		||||
                    collapsible.classList.toggle("active", true);
 | 
			
		||||
                } else {
 | 
			
		||||
                    var parentContent = this.closest(".content");
 | 
			
		||||
                    parentContent.style.maxHeight = (parentContent.scrollHeight + collapsibleData.scrollHeight) + "px";
 | 
			
		||||
                }
 | 
			
		||||
            }
 | 
			
		||||
        });
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
}
 | 
			
		||||
		Reference in New Issue
	
	Block a user