我已WpBakery Page builder
与我的WordPress
主题捆绑在一起。对于我的一个页面,我使用了Tour模块。从模块设置中,我在初始启动时折叠了所有选项卡。但我的问题是 - 打开标签后,我无法折叠任何标签。在移动视图中,我发现这很麻烦。因为人们需要将每个标签的所有内容都浏览到另一个标签页。
所以,我让别人为我编码:
for (var i = 0; i < document.getElementsByClassName('vc_tta-title-text').length; i++) {
document.getElementsByClassName('vc_tta-title-text')[i].addEventListener('click',function(event){
if(event.target.parentElement.parentElement.parentElement.parentElement.querySelector('div.vc_tta-panel-body').style.display === 'block'){
setTimeout(function(){
event.target.parentElement.parentElement.parentElement.parentElement.querySelector('div.vc_tta-panel-body').style.display = 'none';
},1000)
}else{
setTimeout(function(){
event.target.parentElement.parentElement.parentElement.parentElement.querySelector('div.vc_tta-panel-body').style.display = 'block';
},1000)
}
}, false);
}
但是这段代码只适用于谷歌开发者控制台,而不是我把它放在我的代码片段插件中。