Javascript 如何阻止其他函数干扰单击事件？

我试图使三个独立的内容出现在一个点击事件的基础上。但是，如果用户按顺序单击多个按钮，两个内容将同时显示

我对JS的了解有限。我知道另一个“else”条件可能对我有所帮助，但当我添加它时，整个函数停止工作

我希望一次只能看到一个内容选项。有没有办法在函数声明中添加一个附加条件来实现这一点？谢谢你的帮助

.货柜顶{ 显示器：flex； 弯曲方向：行； 宽度：100%； 证明内容：之间的空间； } .标签{ 边框：2个实心DCDC； 背景色：fff； 填充：1rem； 宽度：33%； 文本对齐：居中； 文本转换：大写； } 产品说明 无息金融 交货和退货 产品 资金 传送 函数productDrop{ var x=document.getElementByIdproductBody； 如果x.style.display==无{ x、 style.display=块； }否则{ x、 style.display=无； } } 函数financeDrop{ var x=document.getElementByIdfinanceBody； 如果x.style.display==无{ x、 style.display=块； }否则{ x、 style.display=无； } } 功能交付点{ var x=document.getElementByIddeliveryBody； 如果x.style.display==无{ x、 style.display=块； }否则{ x、 style.display=无； } }

---

你想得太多了。让我们巩固并实现同一目标：

const blah=document.getElementById'displayArea'； blah.innerHTML=‘产品’；//第一次违约。 drop=id=>{ blah.innerHTML=id； } .货柜顶{ 显示器：flex； 弯曲方向：行； 宽度：100%； 证明内容：之间的空间； } .标签{ 边框：2个实心DCDC； 背景色：fff； 填充：1rem； 宽度：33%； 文本对齐：居中； 文本转换：大写； } 产品说明 无息金融 交货和退货

---

当单击多个按钮时，您预计会发生什么情况？有很多方法可以实现这一点，但添加单选按钮功能的一种常见方法是，一次只需要一件事，即在最初单击时始终隐藏所有内容，即使某些内容已被隐藏，然后显示一个你想要的项目。