javascript - 在 JavaScript 代码中仅展开一行

Question

嘿，伙计们，不知道如何制作它，这样我就可以让它一次只打开一张 table ，一旦你打开另一个 table ，另一个应该关闭这里的任何帮助吗？

function showRow(cctab){
if (document.getElementById(cctab)) {
    document.getElementById(cctab).style.display = ''; 
}
}

function hideRow(row1){
if (document.getElementById(cctab)) {
    document.getElementById(cctab).style.display = 'none';
}
}

function toggleRow(cctab){
if (document.getElementById(cctab)) {
    if (document.getElementById(cctab).style.display == 'none') {
        showRow(cctab)
    } else {
        hideRow(cctab)
    }
}
}

现在我想在我建议 onClick="javascript:toggleRow(cctab);"后只打开一个表“cctab”有什么帮助吗？

Answer 1

您可以保存对先前显示的项目的引用，并在显示另一个项目时隐藏它:

var currentTab;    
function showRow(cctab){
    if (document.getElementById(cctab))
        document.getElementById(cctab).style.display = '';
    if (currentTab && currentTab != cctab)
        hideRow(currentTab);
    currentTab = cctab;
}

请注意，执行内联事件处理程序属性是 1999 年的事情，但假设您出于某种原因坚持使用它，则不需要 javascript:在onClick="javascript:toggleRow(cctab);" 。 (就说onClick="toggleRow(cctab);")