Funciona ... pero quiero cambiar el valor predeterminado a oculto. Haga clic por primera vez para mostrar el texto oculto.

<script>
function displayRow(itemID){
    if ((document.getElementById(itemID).style.display == 'block')) {
        document.getElementById(itemID).style.display = 'display';
    } else { 
        document.getElementById(itemID).style.display = 'display'; 
    }
}
</script>

<button onclick="displayRow('1')">Show/Hidden text</button>
2
Roberto Heringer 29 oct. 2019 a las 17:40

3 respuestas

La mejor respuesta
function displayRow(itemID){
    if ((document.getElementById(itemID).style.display == 'none')) {
        document.getElementById(itemID).style.display = 'block';
    } else { 
        document.getElementById(itemID).style.display = 'none'; 
    }
}
<table>
<tr style="display:none" id="1">
<td>Test</td>
</tr>
</table>
<button onclick="displayRow('1')">Show/Hidden text</button>

Use "none" en lugar de "hidden", y ponga style = "display: none" al elemento que desea ocultar por defecto

0
David 29 oct. 2019 a las 14:51

Simplemente configure su pantalla como oculta por defecto

<button style='display: hidden;' onclick="displayRow('<? echo $element ?>')" class='no-print'>Show/Hidden text</button>

Y la js

function displayRow(itemID){
    var el = document.getElementById(itemID);
    if ((el.style.display == 'hidden')) {
        el.style.display = 'block';
    } else { 
        el.style.display = 'hidden'; 
    }
}
0
stackoverfloweth 29 oct. 2019 a las 15:03
function displayRow(itemID){
  if (document.getElementById(itemID).style.display == 'block') {
    document.getElementById(itemID).style.display = 'none';
  } else { 
    document.getElementById(itemID).style.display = 'block'; 
  }
}
0
Cortez90 29 oct. 2019 a las 14:47