https://pueblonuevo-cordoba.gov.co/SiteAssets/V3/Assets/js/PuebloNuevo.js

1
2// Funcionalidad navbarSticky
3
4document.addEventListener("DOMContentLoaded", () => {
5 
6  const pageContainer = document.getElementById("s4-workspace");
7  const scrollButton = document.querySelector(".scrollTop");
8
9  pageContainer.addEventListener("scroll", () => {
10       pageContainer.scrollTop >= 400
11      ? (scrollButton.style.transform = "scale(1)")
12      : (scrollButton.style.transform = "scale(0)");
13
14       if (pageContainer.scrollTop > 0) scrollButton.style.opacity = "1";
15  });
16
17  scrollButton.addEventListener("click", () => {
18      if (pageContainer.scrollTop > 0) pageContainer.scrollTo(0, 0);
19    scrollButton.style.opacity = "0";
20  });
21  
22});
23
24
25    $('.accordion-toggle').on('click', function(event){
26    	event.preventDefault();
27    	// create accordion variables
28    	var accordion = $(this);
29    	var accordionContent = accordion.next('.accordion-content');
30    	var accordionToggleIcon = $(this).children('.toggle-icon');
31    	
32    	// toggle accordion link open class
33    	accordion.toggleClass("open");
34    	// toggle accordion content
35    	accordionContent.slideToggle(250);
36    	
37    	// change plus/minus icon
38    	if (accordion.hasClass("open")) {
39    		accordionToggleIcon.html("<i class='fa fa-minus-circle'></i>");
40    	} else {
41    		accordionToggleIcon.html("<i class='fa fa-plus-circle'></i>");
42    	}
43    });
44
45
46    let tab;
47    let tabContent;
48    
49    window.onload = function () {
50      tabContent = document.getElementsByClassName('tabContent');
51      tab = document.getElementsByClassName('tab');
52    
53      hideTabsContent(1);
54    };
55    
56    document.querySelector('#tabs').addEventListener('click', function (event) {
57      let target = event.target;
58    
59      if (target.classList.contains('tab')) {
60        for (let i = 0; i < tab.length; i++) {
61          if (target == tab[i]) {
62            showTabsContent(i);
63            break;
64          }
65        }
66      }
67    });
68    
69    function hideTabsContent(a) {
70      for (let i = a; i < tabContent.length; i++) {
71        tabContent[i].classList.remove('show');
72        tabContent[i].classList.add('hide');
73        tab[i].classList.remove('whiteborder');
74      }
75    }
76    
77    function showTabsContent(b) {
78      if (tabContent[b].classList.contains('hide')) {
79        hideTabsContent(0);
80        tab[b].classList.add('whiteborder');
81        tabContent[b].classList.remove('hide');
82        tabContent[b].classList.add('show');
83      }
84    }