使用JavaScript隱藏/顯示表格

Question

您好，我有一些數據，我有擴展和折疊按鈕，如果我們單擊+它將展開並顯示表格，如果我們單擊它會折疊，並且我正在使用以下代碼，但是我遇到了錯誤

document.getElementById('eleName');

imageXchk='expand';  
loadedCheck='false';
function toggleDisplayCheck(e, tableSize){

element = document.getElementById(e).style;
 if (element.display=='none') {
    element.display='block';
    }
 else {
    element.display='none';
    }

 if (loadedCheck=='false') {
    myUpdater('returnsDetailsTable', '/oasis/faces/merchant/dashboard/ReturnsDetailsCheck.jsp', { method: 'get' }); 
    loadedCheck='true'
    }

    size = tableSize-1;
    eleName = 'mercPerfDashboardForm:returnsDetailsTable:' + size +':switchimageRetChk'
 if (imageXchk=='collapse') {
    document.getElementById('eleName').src='${pageContext.request.contextPath}/images/expand.gif';imageXchk='expand';
    }
  else {
    document.getElementById('eleName').src='${pageContext.request.contextPath}/images/collapse.gif';imageXchk='collapse';
    }   
    return false;
}

Answer 1

如果以前未在JavaScript中顯式設置元素的樣式的display屬性，則該元素將為空，即使該元素已通過某些CSS規則隱藏。 最簡單的方法是知道初始狀態（隱藏或可見）是什么，如果display屬性為空，則假定該狀態為：

if (element.display=='none' || element.display=='') {
    element.display='block';
    }
 else {
    element.display='none';
    }

Answer 2

您可以使用jQuery非常簡單地執行此操作：

$("#table_id").hide();  // hide the table
$("#table_id").show();  // show the table