Dans un texte / HTML, ajoutez, en mode HTML :

<INPUT language=javascript onmousedown="" id=Minimize1 title=Minimize style="BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px; BACKGROUND-COLOR: transparent" onclick="if (__dnn_SectionMaxMin(this,  'MaTable')) return false;if (typeof(Page_ClientValidate) == 'function') Page_ClientValidate(); if(this.value='Cliquez pour agrandir') this.value='Cliquez pour réduire' Else (this.value='Cliquez pour agrandir');" tabIndex=-1 type=button value="Cliquez pour agrandir" border=0>&nbsp;
<TABLE id=MaTable style="DISPLAY: none">
<TBODY>
<TR>
<TD>TEST </TD></TR>
<TR></TR></TBODY></TABLE>


Remplacez MaTable par l'id de la table que vous souhaitez réduire / afficher lors du clic sur le boutton. (remplacer à deux endroits du code)
Ajoutez / enlever "style="DISPLAY: none"" pour que la table soit masquée / affichée par défaut.

 
(démo)

TEST

Sébastien

On peut aussi faire ça


Pour la persistence, avec cette utilisation tronquée du contrôle sectionheadcontrol, on n'influe pas sur des éléments runat=server. On ne bénéficie pas du viewstate. La solution serait peut etre de stocker le statut actuel des tables dans un Array dans un cache javascript. Peut etre que la fonction existe déjà dans les fichiers javascripts...
Suivant l'endroit où on ajoute ce code, il sera preferrable d'utiliser directement le controle sectionheadcontrol (dans un skin, un module, etc.).