Cacher/Affichage d'une table avec JavaScript

Question

Salut j'ai faisable avec quelques données et j'ai élargir et réduire le bouton là si nous cliquons sur + il se développera et affichera la table et si nous cliquez sur-il s'effondrera et j'utilise suivant le code mais je reçois une erreur avec

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

vous pouvez utiliser jQuery pour faire très simple:

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

Answer 2

Si display propriété style de l'élément n'a pas été explicitement précédemment défini en JavaScript, il sera être vide, même si l'élément est caché via une règle CSS. La meilleure chose à faire serait de savoir ce que l'état initial (visible ou caché) est et supposer que l'état si la propriété display est vide:

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