diff options
| author | ziejd2 | 2021-02-24 14:36:59 -0600 |
|---|---|---|
| committer | ziejd2 | 2021-02-24 14:36:59 -0600 |
| commit | 25b843f6bbacb1937bdb960777b73acbece64115 (patch) | |
| tree | 88645b9d1d8a0eea19d7229555bf8805571bc8b7 /sourcecodes/scripts/accordion.js | |
| parent | 33cedf36248f616aa37d1462c69a4a3058a5d92e (diff) | |
| download | BNW-25b843f6bbacb1937bdb960777b73acbece64115.tar.gz | |
GENENET8 update
Diffstat (limited to 'sourcecodes/scripts/accordion.js')
| -rw-r--r-- | sourcecodes/scripts/accordion.js | 31 |
1 files changed, 31 insertions, 0 deletions
diff --git a/sourcecodes/scripts/accordion.js b/sourcecodes/scripts/accordion.js new file mode 100644 index 00000000..513bde84 --- /dev/null +++ b/sourcecodes/scripts/accordion.js @@ -0,0 +1,31 @@ +$(function() { +var acc = document.getElementsByClassName("accordion"); +var panel = document.getElementsByClassName("panel"); +var icons = document.getElementsByClassName("i"); +var i; + +for (var i = 0; i < acc.length; i++) { + acc[i].onclick = function() { + var setClasses = !this.classList.contains('active'); + setClass(acc, 'active', 'remove'); + setClass(panel, 'show', 'remove'); + if (setClasses) { + this.classList.toggle("active"); + this.nextElementSibling.classList.toggle("show"); + } + } +} + +function setClass(els, className, fnName) { + for (var i = 0; i < els.length; i++) { + els[i].classList[fnName](className); + } +} + +$('button').click(function() { + $('i').not($(this).find('i')).removeClass('fa-angle-up') + $('i').not($(this).find('i')).addClass('fa-angle-down') + $(this).find('i').toggleClass('fa-angle-down fa-angle-up') + }); + } + ) |
