Hoi,
Ik probeer een tabel te maken waarbij je bepaalde rijen kunt laten in-en uitklappen. Op zich lukt dit prima. Maar ik wil ook graag met 1 klik alle betreffende rijen in een keer inklappen, waarbij de tussenliggende rijen blijven staan. Dit lukt mij niet. Ik heb een functie gemaakt (hide all) die dit zou moeten doen (zoekt naar elementen van het type tbody) maar als ik deze uitvoer verdwijnt de hele tabel en dat is niet de bedoeling. Weet iemand wat ik fout doe?
<html>
<head>
<script language="Javascript" type="text/javascript">
<!--
function show_hide(tblid, show)
{
if (tbl = document.getElementById(tblid)) {
if (null == show) show = tbl.style.display == 'none';
tbl.style.display = (show ? '' : 'none');
}
}
function hideall()
{
locl = document.getElementsByTagName('tbody');
for (i=0;i<locl.length;i++)
{
locl[i].style.display='none';
}
}
//!-->
</script>
</head>
<body>
<a href="javascript:void();" onclick="hideall()">Hide all</a>
<table>
<tr><td><a href="javascript:void();" onclick="show_hide('1')"> + </a></td><td>A</td><td>A</td></tr>
<tbody id="1"><tr><td colspan="3">bladiebla</td></tr></tbody>
<tr><td><a href="javascript:void();" onclick="show_hide('2')"> + </a></td><td>A</td><td>A</td></tr>
<tbody id="2"><tr><td colspan="3">bladiebla</td></tr></tbody>
<tr><td><a href="javascript:void();" onclick="show_hide('3')"> + </a></td><td>A</td><td>A</td></tr>
<tbody id="3"><tr><td colspan="3">bladiebla</td></tr></tbody>
</table>
</body>
</html>