forEach 标签遍历集合 有两行 第二行隐藏 点击显示 如何根据id控制显示？

这个方法可以控制第二行的显示与隐藏 但是显示总是在第一个item 怎么搞？

部分代码 ：

function detail(Id){
if( $("#detail").css("display")=='none' ){
document.getElementById("detail").style.display="block";}else{
document.getElementById("detail").style.display="none";
}
}

ID重复了吧，要起唯一，连接个自增变量什么的，要不document.getElementById只能得到第一个出现的dom对象，然后detail传入当前的下标

   function detail(index) {
        if ($("#detail"+index).css("display") == 'none') {
            document.getElementById("detail" + index).style.display = "block";
        } else {
            document.getElementById("detail" + index).style.display = "none";
        }
    }

你的方法都没用上 Id 这个变量 楼上说的是对的