mirror of
https://github.com/Thor77/TeamspeakStats.git
synced 2025-11-28 02:41:44 -05:00
Don't use event delegation, use aria-expanded for "is collapsed" check
This commit is contained in:
parent
87bb778572
commit
90f6d98827
1 changed files with 16 additions and 15 deletions
|
|
@ -61,21 +61,22 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
document.addEventListener('click', function(event) {
|
(function() {
|
||||||
var toggler = event.target;
|
var collapseTogglers = document.querySelectorAll('[data-toggle="collapse"]');
|
||||||
if (toggler.dataset.toggle !== 'collapse') {
|
var toggleTarget;
|
||||||
return;
|
Array.prototype.forEach.call(collapseTogglers, function(toggler) {
|
||||||
}
|
toggler.addEventListener('click', function(event) {
|
||||||
var toggleTarget = document.getElementById(toggler.dataset.target);
|
toggleTarget = document.getElementById(toggler.dataset.target);
|
||||||
|
if (toggler.getAttribute('aria-expanded') === 'true') {
|
||||||
if (toggleTarget.classList.contains('collapse')) {
|
toggleTarget.classList.add('collapse');
|
||||||
toggleTarget.classList.remove('collapse');
|
|
||||||
toggler.setAttribute('aria-expanded', false);
|
toggler.setAttribute('aria-expanded', false);
|
||||||
} else {
|
} else {
|
||||||
toggleTarget.classList.add('collapse');
|
toggleTarget.classList.remove('collapse');
|
||||||
toggler.setAttribute('aria-expanded', true);
|
toggler.setAttribute('aria-expanded', true);
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
});
|
||||||
|
})();
|
||||||
</script>
|
</script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue