点击A标签显示div后必须再点击一下当前A标签关闭div，才能点击其他A标签，请问该怎么实现

Question

A标签是循环出来的

这是开始加的点击事件
function isHidden(divo){
var vDiv = document.getElementById(divo);
vDiv.style.display = (vDiv.style.display == 'block')?'none':'block';
}
但是这个点击事件点击哪个A标签都隐藏

Answer 1

可以这样做
第一，你先给所有A标签父元素（要求必须必须是同一个父元素）加一个id，如parentId
第二，然后在window.onload之后获取这个父元素，绑定监听事件，el.addEventListener('click',funcrion(e){
.....
})
第三，在监听点击事件里面的回调函数里面获取到所有A标签元素，遍历所有，判断style.dispaly，如果有一个为block，就另flag为1，然后退出循环
第四，如果flag为1，则判断当前点击元素的的style.display是否为block，如果是，说明当前点击的正是显示的A标签，则让其style.display为none，如果不是，则说明当前显示的跟当前点击的不是同一个标签，不做任何处理
第五，如果flag不是1，则说明没有A标签是显示的，则让当前点击的A标签的style.display为block即可
大致思路就是这样，还能优化，如果有帮助，请采纳，如果不理解，请联系我
涉及知识点：选择器，DOM操作，事件冒泡，事件委托