Javascript onclick弹出divs，但一次仅1个可用

我有4个onclick div弹出窗口可以正常工作，但我有两个问题

如果在div外部单击，则只有一个将关闭

当一个打开并单击另一个时，另一个将保持打开且不会关闭

我是一名新的程序员，对javascript知之甚少。如果有人能帮助我，我将不胜感激。这基本上是我需要为我的网站弄清楚的最后一件事

感谢您对我的两个问题的帮助。祝你今天愉快

document.getElementById（“myPopup”）.addEventListener（'click'，函数（事件）{
event.stopPropagation（）；
}); 
函数myFunction（事件）{
var popup=document.getElementById（“myPopup”）；
//popup.classList.toggle（“显示”）；
如果（popup.style.display==“无”）{
popup.style.display=“block”；
}否则{
popup.style.display=“无”；
}
event.stopPropagation（）；
}
函数onBodyClick（事件）{
var myTarget=event.target；
while（我的目标）{
如果（myTarget.id==“myPopup”）{
log（“您在弹出窗口中单击了”）；
返回；
}否则{
myTarget=myTarget.parentNode；
}
}
log（“您在弹出窗口外单击了”）；
var popup=document.getElementById（“myPopup”）；
if（popup.style.display==“block”）{
我的功能（事件）；
}
}
//////////////////////////////////////////////////////////////////////////////////////////////钟声
document.getElementById（“mypopup”）.addEventListener（'click'，函数（事件）{
event.stopPropagation（）；
}); 
函数myFunctions（事件）{
var popup=document.getElementById（“mypopup”）；
//popup.classList.toggle（“显示”）；
如果（popup.style.display==“无”）{
popup.style.display=“block”；
}否则{
popup.style.display=“无”；
}
event.stopPropagation（）；
}
函数onBodyClick（事件）{
var myTarget=event.target；
while（我的目标）{
如果（myTarget.id==“mypopup”）{
log（“您在弹出窗口中单击了”）；
返回；
}否则{
myTarget=myTarget.parentNode；
}
}
log（“您在弹出窗口外单击了”）；
var popup=document.getElementById（“mypopup”）；
if（popup.style.display==“block”）{
我的职能（事件）；
}
}
//////////////////////////////////////////////////////////////////////////////////////////////心
document.getElementById（“mYpopup”）.addEventListener（'click'，函数（事件）{
event.stopPropagation（）；
}); 
函数myFunctionss（事件）{
var popup=document.getElementById（“mYpopup”）；
//popup.classList.toggle（“显示”）；
如果（popup.style.display==“无”）{
popup.style.display=“block”；
}否则{
popup.style.display=“无”；
}
event.stopPropagation（）；
}
函数onBodyClick（事件）{
var myTarget=event.target；
while（我的目标）{
如果（myTarget.id==“mYpopup”）{
log（“您在弹出窗口中单击了”）；
返回；
}否则{
myTarget=myTarget.parentNode；
}
}
log（“您在弹出窗口外单击了”）；
var popup=document.getElementById（“mYpopup”）；
if（popup.style.display==“block”）{
myFunctionss（事件）；
}
}   
//////////////////////////////////////////////////////////////////////////////////////////////菜单
document.getElementById（“mYpopuP”）.addEventListener（'click'，函数（事件）{
event.stopPropagation（）；
});     
函数myFunctionsss（事件）{
var popup=document.getElementById（“mYpopuP”）；
//popup.classList.toggle（“显示”）；
如果（popup.style.display==“无”）{
popup.style.display=“block”；
}否则{
popup.style.display=“无”；
}
event.stopPropagation（）；
}
函数onBodyClick（事件）{
var myTarget=event.target；
while（我的目标）{
如果（myTarget.id==“mYpopuP”）{
log（“您在弹出窗口中单击了”）；
返回；
}否则{
myTarget=myTarget.parentNode；
}
}
log（“您在弹出窗口外单击了”）；
var popup=document.getElementById（“mYpopuP”）；
if（popup.style.display==“block”）{
myFunctionsss（事件）；
}
}

/**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
s形头{
背景色：透明；
底部：0；
高度：65px；
左：0；
位置：绝对位置；
右：0；
排名：0；
宽度：100%；
}
.s-收割台-内部{
背景色：透明；
边框：1px实心透明；
高度：63px；
保证金：自动；
宽度：95%；
}
.s-标题-链接-左{
浮动：左；
边缘顶部：12px；
}   
/********************************************************************************************************************************************************标志*/
.s-logo{
高度：65px；
位置：绝对位置；
宽度：150px；
}
.s-logo img{
位置：绝对位置；
宽度：185px；
}
/***********************************************************************************************************************************************募集金额*/
.s-标题-链接-右侧{
边框：1px实心透明；
浮动：对；
边缘顶部：20px；
}
.工具提示{
显示：内联块；
-moz用户选择：无；
-ms用户选择：无；
位置：相对位置；
-webkit用户选择：无；
用户选择：无；
}
.金额{
颜色：红色；
光标：指针；
字体系列：Netflix Sans、Helvetica、Arial、Sans serif；
字号：18px；
字号：600；
}
.金额：悬停{
颜色：红色；
光标：指针；
字体系列：Netflix Sans、Helvetica、Arial、Sans serif；
字号：18px；
字号：600；
}
#myPopup{
背景色：rgba（0,0,0,0.36）；
边界半径：5px；
边框顶部：4px实心#da291c；
颜色：#ffffff；
字体系列：Netflix Sans、Helvetica、Arial、Sans serif；
字体大小：15px；
字体大小：400；
左：50%；
左边距：-190px；
边缘顶部：8px；
不透明度：1；
填充：10px；
位置：绝对位置；
文本对齐：左对齐；
宽度：205px；
z指数：1；
}
/*******************************************************