Javascript 显示隐藏的div并关闭其他div，以便一次显示1

我有一个用下面的html显示的项目列表。每个项都有一个隐藏的div，其中包含有关该项的更多详细信息。我已经这样做了，如果我点击onclick链接，它会显示该特定项目的div。我想知道的是，如果我使用onclick显示其他项目的详细信息，我将如何使它隐藏我刚刚打开的div？另外，当单击同一个onclick时，我如何使其自身切换？我对javascript的知识有限，因此希望您能给予帮助。谢谢

HTML

项目名称完整项目详细信息
其他东西

和JAVASCRIPT

<script>
function FullItemDetails(item_id)  { 
document.getElementById("FullItemDetails_" + item_id).style.display = "block";
}
</script>

函数FullItemDetails（项_id）{
document.getElementById（“FullItemDetails”+项目id）.style.display=“block”；
}

---

每个具有额外信息的div都有一个FullItemDetails\uID，后面是items唯一ID。

您可以找到它当前的css显示属性，以像这样切换可见性

函数FullItemDetails（item_id）{
var currentItem=document.getElementById（“FullItemDetails”+项目id）；
如果（currentItem.style.display==“块”）{
currentItem.style.display=“无”；
}否则{
currentItem.style.display=“块”；
}
}

您可以找到它当前的css显示属性，以便像这样切换可见性

函数FullItemDetails（item_id）{
var currentItem=document.getElementById（“FullItemDetails”+项目id）；
如果（currentItem.style.display==“块”）{
currentItem.style.display=“无”；
}否则{
currentItem.style.display=“块”；
}
}

您也可以使用事件侦听器来执行此操作，如我的示例所示

var elements=document.getElementsByClassName（'item'））
for（变量键输入元素）{
元素[key]。查询选择器（'.button'）。addEventListener（'click'，函数（e）{
e、 target.parentNode.querySelector（'#description'）。style.display=
e、 target.parentNode.querySelector（“#description”）.style.display==“无”？“块”：“无”
})
}

项目名称完整项目详细信息
其他东西
描述
切换
项目名称完整项目详细信息
其他东西
描述
切换
项目名称完整项目详细信息
其他东西
描述
切换

您也可以使用事件侦听器来执行此操作，如我的示例所示

var elements=document.getElementsByClassName（'item'））
for（变量键输入元素）{
元素[key]。查询选择器（'.button'）。addEventListener（'click'，函数（e）{
e、 target.parentNode.querySelector（'#description'）。style.display=
e、 target.parentNode.querySelector（“#description”）.style.display==“无”？“块”：“无”
})
}

项目名称完整项目详细信息
其他东西
描述
切换
项目名称完整项目详细信息
其他东西
描述
切换
项目名称完整项目详细信息
其他东西
描述
切换

这是否回答了您的问题？谢谢，我会通读那篇文章的！这回答了你的问题吗？谢谢，我会通读那篇文章的！谢谢@Born2DoubleUp如果合适，请随意标记为正确答案谢谢@Born2DoubleUp如果合适，请随意标记为正确答案

<script>
function FullItemDetails(item_id)  { 
document.getElementById("FullItemDetails_" + item_id).style.display = "block";
}
</script>