Cookies avec expand-collapse

Salut à tous,

je suis en train de créer un menu perso avec expand-collapse dans des tableaux. Le tableau s'agrandi et se réduit bien, mais je souhaite aussi que cela reste comme l'utilisateur l'a choisi (ouvert ou fermé) et donc passer par les cookies. Problème: je n'y comprend rien! J'ai lu pas mal de tuto sur la quastion, mais aucun ne répond exactement à ma question: les seuls cookies avec expand-collapse que j'ai trouvé sont utilisé avec des menus en <ul> et <li> ou autre alors que j'utilise des <h> et des <div>.

Bref, voici le code utilisé pour afficher un tableau:
(une ligne fixe avec lien cliquable pour agrandir et réduire une 2è ligne située juste en dessous)

<div id="boite_footer_sstitre">
    	<h5>	<span class="conr">
<a href="javascript:appear('q7')"><img src="<?php echo $exp_img?>" alt="Collapse" id="img_<?php echo $cat_count?>" /></a></span>
			<span><strong><a href="javascript:appear('q7')">essai q7</a></strong>
</span></h5>
	<div class="box"><div id="q7">
aaa
    </div></div>   

Et voici le code javascript utilisé pour faire marcher l'expand-collapse:

appear=function(id) {

    var d = document.getElementById(id);
    if (d.style.display!="none") {
        d.style.display ="none";
    } else {
        d.style.display ="";
    }
}

Jusque là, tout marche. Mon soucis arrive comme je l'ai expliqué avec les cookies. Voici le code qu'on m'a donné sur internet pour lequel on m'a certifier qu'il marchait:
function memCookie()

{ var da = new Date();
  var d=new Date(Date.parse(da)+(1000*60*60*24*365));
  document.cookie=
      document.getElementById(q3).style.display + ";expires=" + d.toGMTString() + ";" ;
}
 var cook=document.cookie;

Mais voilà, lorsque j'actualise la page, si j'ai décidé de réduire la cellule, celle-ci se réouvre... Help.