2 var elements = document.querySelectorAll(".toggleshow"),
3 hideClass = 'toggleshow-hide';
5 for (var i = 0; i < elements.length; i++) {
6 var arrow = elements[i].querySelector(".toggleshow-arrow");
7 // Initial hide/show based on class
8 // Update arrow as well
9 if (containsClass(elements[i], 'toggleshow-hide')) {
10 toggleDisplay(elements[i]);
11 changeArrow(arrow, false);
13 changeArrow(arrow, true);
17 addClick(elements[i], toggleDisplay);
20 function containsClass(element, className) {
21 var eleClassName = ' ' + elements[i].className + ' ';
22 return eleClassName.indexOf(' ' + className + ' ') > -1;
25 function toggleDisplay(parentElement) {
26 var body = parentElement.querySelector(".toggleshow-body"),
27 arrow = parentElement.querySelector(".toggleshow-arrow");
29 if (body.style.display == 'block' || body.style.display == '') {
30 body.style.display = 'none';
31 changeArrow(arrow, false);
33 body.style.display = 'block';
34 changeArrow(arrow, true);
38 function changeArrow(element, visible) {
40 element.innerHTML = '▲';
42 element.innerHTML = '▼';
46 function addClick(parentElement, func) {
47 parentElement.querySelector(".toggleshow-title").addEventListener("click", function(e) {