11 908
edições
Sem resumo de edição |
Sem resumo de edição |
||
| Linha 3: | Linha 3: | ||
function toggleContent(clickedButton, contentToToggle) { | function toggleContent(clickedButton, contentToToggle) { | ||
var allContents = document.getElementsByClassName("content"); | var allContents = document.getElementsByClassName("content"); | ||
for (var j = 0; j < allContents.length; j++) { | for (var j = 0; j < allContents.length; j++) { | ||
allContents[j].style.maxHeight = null; | allContents[j].style.maxHeight = null; | ||
} | } | ||
var allButtons = document.getElementsByClassName("collapsible-battle-pass"); | var allButtons = document.getElementsByClassName("collapsible-battle-pass"); | ||
for (var k = 0; k < allButtons.length; k++) { | for (var k = 0; k < allButtons.length; k++) { | ||
| Linha 19: | Linha 17: | ||
} | } | ||
if (contentToToggle.style.maxHeight) { | if (contentToToggle.style.maxHeight) { | ||
contentToToggle.style.maxHeight = null; | contentToToggle.style.maxHeight = null; | ||
} else { | } else { | ||
contentToToggle.style.maxHeight = contentToToggle.scrollHeight + "px"; | contentToToggle.style.maxHeight = contentToToggle.scrollHeight + "px"; | ||
} | } | ||
clickedButton.classList.add("active"); | clickedButton.classList.add("active"); | ||
} | } | ||
for (var i = 0; i < coll1.length; i++) { | for (var i = 0; i < coll1.length; i++) { | ||
coll1[i].addEventListener("click", function() { | coll1[i].addEventListener("click", function() { | ||
var content = this.nextElementSibling; | var content = this.nextElementSibling; | ||
toggleContent(this, content); | toggleContent(this, content); | ||
}); | }); | ||
} | } | ||
| Linha 40: | Linha 35: | ||
for (var i = 0; i < coll2.length; i++) { | for (var i = 0; i < coll2.length; i++) { | ||
coll2[i].addEventListener("click", function() { | coll2[i].addEventListener("click", function() { | ||
var content = this.nextElementSibling; | var content = this.nextElementSibling; | ||
toggleContent(this, content); | toggleContent(this, content); | ||
}); | }); | ||
} | } | ||
| Linha 53: | Linha 48: | ||
} | } | ||
} | } | ||