blob: 28c0c593812724b5287429370afcaa0decce04f9 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
|
<script>
var elements = document.querySelectorAll(".toggleshow"),
hideClass = 'toggleshow-hide';
for (var i = 0; i < elements.length; i++) {
var arrow = elements[i].querySelector(".toggleshow-arrow");
// Initial hide/show based on class
// Update arrow as well
if (containsClass(elements[i], 'toggleshow-hide')) {
toggleDisplay(elements[i]);
changeArrow(arrow, false);
} else {
changeArrow(arrow, true);
}
// Add click handler
addClick(elements[i], toggleDisplay);
}
function containsClass(element, className) {
var eleClassName = ' ' + elements[i].className + ' ';
return eleClassName.indexOf(' ' + className + ' ') > -1;
}
function toggleDisplay(parentElement) {
var body = parentElement.querySelector(".toggleshow-body"),
arrow = parentElement.querySelector(".toggleshow-arrow");
if (body.style.display == 'block' || body.style.display == '') {
body.style.display = 'none';
changeArrow(arrow, false);
} else {
body.style.display = 'block';
changeArrow(arrow, true);
}
}
function changeArrow(element, visible) {
if (visible) {
element.innerHTML = '▲';
} else {
element.innerHTML = '▼';
}
}
function addClick(parentElement, func) {
parentElement.querySelector(".toggleshow-title").addEventListener("click", function(e) {
func(parentElement);
e.preventDefault();
return false;
});
}
</script>
|