Prøv lige at oprette en ny html-fil og smid nedenstående smøre ind i filen og gem den. Kør den derefter i din browser og sig mig om det er noget i den retning du søger...
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "
http://www.w3.org/TR/html4/loose.dtd"> <html>
<head>
<title>Test af vis/skjul tabelrække</title>
<script src="
http://www.google.com/jsapi/" type="text/javascript"></script>
<script type="text/javascript">google.load("jquery", "1.3");</script>
<script type="text/javascript">
$(document).ready(
function() {
$(".show-hide-layer").find("div").hide();
$(".layer-btn").click(function() {
$(this)
.parents("tr")
.next(".show-hide-layer")
.find("div")
.slideToggle('900')
});
}
);
</script>
</head>
<body>
<table border="0">
<tr>
<td>
<a href="#" class="layer-btn">testlink</a>
</td>
</tr>
<tr class="show-hide-layer">
<td>
<div>
content weroiwueirouoweru oiweru oiu wer
wer oiweru oweru oiuwer oweiru wer
wer oiweur ouwe irouwoeir uowieru wer
</div>
</td>
</tr>
<tr>
<td>
<a href="#" class="layer-btn">testlink</a>
</td>
</tr>
<tr class="show-hide-layer">
<td>
<div>
content weroiwueirouoweru oiweru oiu wer
wer oiweru oweru oiuwer oweiru wer
wer oiweur ouwe irouwoeir uowieru wer
</div>
</td>
</tr>
</table>
</body>
</html>
Som du kan se, har jeg smidt et duv-element omkring indholdet i cellen for at komme omkring det med de specielle display-modes for tabel-rækker. Jeg ved ikke om dette er muligt for dig at styre i din HTML, men det ser i det mindste ud til at fungere i IE 7.0.
