https://campinagrande.pb.gov.br/wp-content/themes/Newspaper/alfa_components/js/services-letter.js

1
2  /*QUICK ACCESS TABS*/
3  const itemMenuServices = document.querySelectorAll(".letter-services__menu li");
4  const sectionOptionsServices = document.querySelectorAll(".optionsServices ul");
5
6  
7
8  if(itemMenuServices.length){
9
10  itemMenuServices.forEach((item, index) => {
11    item.addEventListener("click", (e) => {
12      e.preventDefault();
13
14      itemMenuServices.forEach((item) => {
15        item.classList.remove("active");
16      });
17      let attr = item.getAttribute("class");
18      item.classList.add("active");
19      sectionOptionsServices.forEach((item) => {
20        item.classList.remove("active");
21
22        if (attr.includes(item.getAttribute("class"))) {
23          item.classList.add("active");
24        }
25      });
26    });
27  });
28  }
29
30  const divTags = document.querySelector(".list-item-tags");
31  const letterServces = document.querySelector(".letter-services");
32
33  if(divTags){
34    divTags.scrollIntoView({behavior: 'smooth'});
35  } else if(letterServces) {
36    letterServces.scrollIntoView({behavior: 'smooth'});
37  }
38
39  $jq('.tags-slider').slick({
40    rows: 3,
41    dots: true,
42    arrows: true,
43    infinite: true,
44    speed: 300,
45    slidesToShow: 3,
46    slidesToScroll: 3,
47    prevArrow: "<button class='slick-prev slick-arrow'><i class='sogo_arrow-pointer-light-left'></i></button>",
48    nextArrow: "<button class='slick-next slick-arrow'><i class='sogo_arrow-pointer-light-right'></i></button>",
49    responsive: [
50    {
51        breakpoint: 1024,
52        settings: {
53        rows: 3,
54        dots: true,
55        arrows: true,
56        infinite: true,
57        speed: 300,
58        slidesToShow: 1,
59        slidesToScroll: 1,
60        prevArrow: "<button class='slick-prev slick-arrow'><i class='sogo_arrow-pointer-light-left'></i></button>",
61        nextArrow: "<button class='slick-next slick-arrow'><i class='sogo_arrow-pointer-light-right'></i></button>",
62        }
63    },
64    ]
65  })