Tengo una funcion muy chula que genera el efecto de contraer una seccion de la pagina, tal cual se usa aqui en los foros por ejemplo cuando aparece la opcion de "Respuesta Rapida" que en la esquina superior derecha tiene unas flechitas para contraer/expandir dicha seccion, pues bien la funcion anda de maravillas pero lo que quiero lograr via cookies supongo es que "Recuerde" como quedo la seccion Plegada/Desplegada para que cuando el usuario vuelva a entrar quede tal cual la dejo, esta funcion esta presente en los foros y si se fijan pueden colapsar/desplegar las secciones que quieran apenas entran el el mismo y cuando vuelva a entran estaran tal cual las dejaron, supongo que lo haran con cookies pero no se como hacerlo, aqui les dejo el code para los que le sirvan y si alguien es tan amable de explicarme/orientarme como seria para lograr que "Recuerde" la posicion en la que quedo. Desde ya gracias !!!
Código PHP:
<script language="javascript">
function Toggle(tabla) {
var img = document.getElementById("img_" + tabla);
tabla = document.getElementById(tabla);
if (tabla.style.display == "none") {
tabla.style.display = "block";
img.src = "images/z1.gif";
} else {
tabla.style.display = "none";
img.src = "images/z2.gif";
}
}
</script>
Código HTML:
<table width="414" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>Titulo de la Tabla</td>
<td><a href="javascript:void(0);" onClick="Toggle('mi_tabla1')"><img id="img_mi_tabla1" src="images/z2.gif" border="0"></a></td>
</tr>
</table>
<table width="414" border="0" cellspacing="0" cellpadding="0" id="mi_tabla1" style="display:none;">
<tr>
<td>gfgfgfgfgf</td>
</tr>
</table>
<table width="414" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>Titulo de la Tabla</td>
<td><a href="javascript:void(0);" onClick="Toggle('mi_tabla2')"><img id="img_mi_tabla2" src="images/z2.gif" border="0"></a></td>
</tr>
</table>
<table width="414" border="0" cellspacing="0" cellpadding="0" id="mi_tabla2" style="display:none;">
<tr>
<td>qwerty qwerty qwerty qwerty</td>
</tr>
</table>