skjule flere id-tags vha. CSS
Hejsa..Jeg har gang i lidt let programmering med at skjule et par rows "<tr>" i en tabel på en side:
Her er et eksempel:
<html>
<head>
<title>Vis/skjul tekst</title>
<script>
function toggle(e) {
if (e.style.display == "none") {
e.style.display = "";
} else {
e.style.display = "none";
}
}
</script>
</head>
<body>
<div style="cursor: hand" onclick="toggle(document.all.HideShow);">
Klik her!
</div>
<table><tr><td>Hej</td></tr>
<tr id="HideShow"><td bgcolor="red">Dette vil forsvinde</td></tr>
<tr><td>Farvel</td></tr>
</table>
</body>
</html>
Mit problem er at jeg gerne ville kunne gøre det på flere rækker. Altså at jeg f.eks. skal have følgende til at forsvinde:
....
<tr id="HideShow"><td bgcolor="red">Dette vil forsvinde</td></tr>
<tr id="HideShow"><td bgcolor="red">Hvad med dette?</td></tr>
....
JavaScript kan selvfølgelig ikke li' at der er flere elementer der hedder det samme, men hvordan kan jeg få skjult begge rows på en gang?
Det virker så vidt jeg har prøvet kun med "id=xxxx" og ikke "class=xxxx" - nogen der kan hjælpe? :)
