Een tabel uit laten klappen

[Epox]

Hee,

hoe maak ik het dat als je op een knop drukt dat er een tabel uitklapt?

[Wout -- w00t]

Plak dit stukje code in de head:

Code: Selecteer alles

<script language="Javascript" type="text/javascript">
<!--
function ref(object)
{
	if (document.getElementById)
	{
		return document.getElementById(object);
	}
	else if (document.all)
	{
		return eval('document.all.' + object);
	}
	else
	{
		return false;
	}
}

function expand(object)
{
	object = ref(object);

	if( !object.style )
	{
		return false;
	}
	else
	{
		object.style.display = '';
	}

	if (window.event)
	{
		window.event.cancelBubble = true;
	}
}

function contract(object)
{
	object = ref(object);

	if( !object.style )
	{
		return false;
	}
	else
	{
		object.style.display = 'none';
	}

	if (window.event)
	{
		window.event.cancelBubble = true;
	}
}

function toggle(object)
{
	object = ref(object);

	if( !object.style )
	{
		return false;
	}

	if( object.style.display == 'none' )
	{
		object.style.display = '';
	}
	else
	{
		object.style.display = 'none';
	}
}
//-->
</script>

En deze waar je je uitklap tabel wilt:

Code: Selecteer alles

<table>
<tr><td>

<a href="#" onClick="toggle('info_1'); return false;">*klik*</a>

</td></tr>
<tbody id="info_1" style="display:none">
<tr><td>

Iets van je tabel

</td></tr>
</tbody>
</table>

© mosymuis
Btw, je kon dit zo opzoeken. :thumb: