https://ibaa.ca/client_assets/js/microsite-pre8.js

1// // Single Collapse
2let mcoll = document.getElementsByClassName("micro-collapse");
3
4for (let k = 0; k < mcoll.length; k++) {
5  mcoll[k].addEventListener("mouseover", function () {
6    this.classList.toggle("active");
7    // if (this.style.maxHeight) {
8    //   this.style.maxHeight = null;
9    // } else {
10    //   this.style.maxHeight = this.scrollHeight + "px";
11    // }
12    // let content = this.nextElementSibling;
13  });
14  mcoll[k].addEventListener("mouseout", function () {
15    this.classList.toggle("active");
16    // if (this.style.maxHeight) {
17    //   this.style.maxHeight = null;
18    // } else {
19    //   this.style.maxHeight = this.scrollHeight + "px";
20    // }
21  });
22}
23
24let clickItem = document.querySelectorAll(".blog-btn");
25let frame = document.querySelectorAll(".col-md.p-2");
26const blogBtnMain = document.querySelectorAll(".blog-main-grid .btn.btn-outline-primary");
27const blogBtnSec = document.querySelectorAll(".blog-sec-grid .btn.btn-outline-primary");
28const blogPost = document.getElementsByClassName("blog-btn");
29const blogTitle = document.getElementsByClassName("blog-title");
30
31window.onload = () => {
32  frame[0].classList.add("active");
33
34  for (let i = 0; i <= blogBtnMain.length; i++) {
35    blogBtnMain[i].innerText = "Read More...";
36    blogBtnMain[i].href = "https://ibaa.ca/news/broker-value/blog-full.html?id=" + blogBtnMain[i].href.slice(54);
37
38    blogPost[i].firstElementChild.innerText = blogTitle[i].innerText;
39  }
40};
41
42clickItem.forEach((item, idx) => {
43  item.addEventListener("click", () => {
44    hideFrame();
45    disableClick();
46
47    item.classList.add("active");
48    frame[idx].classList.add("active");
49  });
50});
51
52function hideFrame() {
53  frame.forEach((content) => content.classList.remove("active"));
54}
55
56function disableClick() {
57  clickItem.forEach((item) => item.classList.remove("active"));
58}
59
60let faqBtn = document.querySelectorAll(".bab-faq-btn");
61
62faqBtn.forEach((faq) => {
63  faq.addEventListener("click", () => {
64    closeFaqs();
65
66    faq.classList.add("active");
67  });
68});
69
70function closeFaqs() {
71  faqBtn.forEach((faq) => faq.classList.remove("active"));
72}