html js jsp-forEach 標簽遍歷集合 有兩行 第二行隱藏 點擊顯示 如何根據id控制顯示？

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";
        }
    }