function xsyc 获取sty-zkss元素const zkss = documentquerySelectorsty-zkss; 获取所有col-sm-3元素const cols = documentquerySelectorAllcol-sm-3; 给zkss元素添加点击事件zkssaddEventListenerclick = 遍历所有col-sm-3元素
function xsyc() { // 获取sty-zkss元素 const zkss = document.querySelector('.sty-zkss'); // 获取所有col-sm-3元素 const cols = document.querySelectorAll('.col-sm-3'); // 给zkss元素添加点击事件 zkss.onclick = () => { // 遍历所有col-sm-3元素 cols.forEach((col) => { // 判断当前col元素是否包含hide类名 if (col.classList.contains('hide')) { // 如果有,移除hide类名,显示元素 col.classList.remove('hide'); zkss.innerText = '收起↓'; } else { // 如果没有,添加hide类名,隐藏元素 col.classList.add('hide'); zkss.innerText = '展开↑'; } }); }; }
原文地址: https://www.cveoy.top/t/topic/9jv 著作权归作者所有。请勿转载和采集!