Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Exemplo:
<tr>
<td>
texto1
</td>
</tr>
<tr>
<td>
texto2
</td>
</tr>
Sei que para ocultar uma linha TR é só atribuir um ID e ocultar pelo JavaScript.
O problema é que eu preciso ocultar um nº indefinido de TRs ao mesmo tempo.
Há um jeito de fazer isso? Tentei envolter as TRs em um DIV ou SPAN mas não deu certo. Há um jeito?
Abaixo meu código completo, mas preciso ocultar 2 ou mais TRs ao mesmo tempo:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>TESTES</title>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_menu(menu) {
//menu1.style.display="none"; // Desliga
//menu2.style.display=""; // Liga
var menu = document.getElementById(menu);
if (menu.style.display=="none") {
menu.style.display="";
} else {
menu.style.display="none";
}
}
//-->
</script>
</head>
<body>
<table width="200" border="1">
<tr onClick="MM_menu('menu1')">
<td>clique1</td>
</tr>
<tr onClick="MM_menu('menu2')">
<td>clique2</td>
</tr>
<tr onClick="MM_menu('menu3')">
<td>clique3</td>
</tr>
<tr id="menu1" style="display:none">
<td>1</td>
</tr>
<tr id="menu2" style="display:none">
<td>2</td>
</tr>
<tr id="menu3" style="display:none">
<td>3</td>
</tr>
<tr>
<td>4</td>
</tr>
</table>
</body>
</html>
Obrigado.Carregando comentários...