关键词:
(function(MISK, $, undefined)
'use strict';
/**
* FAQ functionality
* @param faqElement faqElement - The FAQ
* @param status status - Active FAQ status
* @function
*/
function Faqs(faqElement)
const faqAnswer = faqElement.querySelector('.js-faq-answer');
const faqIcon = faqElement.querySelector('.js-faq-svg');
const activeClass = 'faqs__q-a-answer--active';
const activeIconClass = 'faqs__q-a-svg--active';
let isActive = false;
/**
* Open the FAQ
*/
function open()
isActive = true;
faqAnswer.classList.add(activeClass);
faqIcon.classList.add(activeIconClass);
/**
* Close the FAQ
*/
function close()
isActive = false;
faqAnswer.classList.remove(activeClass);
faqIcon.classList.remove(activeIconClass);
/**
* Toggle the FAQ
* @param event event - Prevents default action of click event
* @function
*/
function toggle(event)
event.preventDefault();
if (isActive)
close();
else
open();
faqElement.addEventListener('click', toggle);
/**
* @memberOf MISK
* @namespace MISK.faqs
*/
MISK.faqs =
initialisedFaqs: [],
init: function()
const faqElements = document.querySelectorAll('.js-faqs-item');
for (let i = 0; i < faqElements.length; i++)
const faqElement = faqElements[i];
MISK.faqs.initialisedFaqs.push(new Faqs(faqElement));
;
(window.MISK = window.MISK || , jQuery));
javascript百钱白鸡问题多种解答思路(代码片段)
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metanam 查看详情
javascript百钱白鸡问题多种解答思路(代码片段)
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metanam 查看详情
javascript:手撕new构造函数(代码片段)
文章目录第十九天Javascript题目问题解答Javascript题目1问题解答1解题思路1知识扩展公众号:今日在学来源博客:【Harryの心阁】第十九天(题目来源:前端每日知识3+1)Javascript题目正则规则的熟悉、prototype和__proto__属性的... 查看详情
htmlaltitudepro:前页6,常见问题解答(代码片段)
查看详情
htmlaltitudepro:前页6,常见问题解答(代码片段)
查看详情
sqlsqlserver问题疑难解答(代码片段)
查看详情
javascript功能(代码片段)
查看详情
javascript功能(代码片段)
查看详情
javascript功能(代码片段)
查看详情
javascript功能(代码片段)
查看详情
javascript功能(代码片段)
查看详情
javascript功能(代码片段)
查看详情
javascript功能内部的功能(代码片段)
查看详情
kafkaeagle安装详情及问题解答(代码片段)
1.概述最近有很多同学给笔者留言,说在安装KafkaEagle的时候,会遇到一些问题,请教如何解决?今天笔者就在这里总结一下安装步骤,和一些安装的注意事项,以及解决方式。2.内容在安装KafkaEagle之前,可能新接触的同学对KafkaE... 查看详情
javascript箭头功能(代码片段)
查看详情
javascript异步功能(代码片段)
查看详情
javascript功能技术(代码片段)
查看详情
javascript箭头功能(代码片段)
查看详情