The default for the page now is:
Hide the table...
every time the table is refreshed while action...it goes back to defaut which is hide...I want it to unhide when the action is done...i want it to remember this property...
the code is as follows and its working....the page has actions like addtosearch..which adds the userinput into a search criteria boxes....
any suggestions?

<a id="Additional search data" name="Hide additional search data"
href="javascript:void(0)"
onClick="JavaScript:toggleSection(this, 'additional search data','image',
'<%=request.getContextPath()%>/images/plus.gif',
'<%=request.getContextPath()%>/images/minus.gif');">
<img id="image" border="0"
src="<%=request.getContextPath()%>/images/plus.gif" /><span
class="smaller"><font style="text-decoration: none">&nbsp;</font><bean:message
key="link.show.additional.search.data" /></span></a>

<div id="additional search data" class="contentGroup"
style="height: 322px; display: none">

javascript:

function toggleSection(link, divId, imageId, plusImage, minusImage){
var d = getObject(imageId);
var e = getObject(divId);

var imageSrc = d.src;
var index = imageSrc.search("plus");
var text;
var elems;
var elem;
var i;
if(index > -1){
d.src = minusImage;
e.style.display = 'block';
text = link.innerHTML;
index = text.search("Show");
text = text.substring(0, index);
link.innerHTML = text+"Hide "+divId;
elems = document.getElementsByTagName("select");
for(i=0;i<elems.length;i++){
elem = elems[i];
if(elem.alt == "selectedSearchCriteria"){
elem.size = 48;
showDetails = document.

}

}
}else{
d.src = plusImage;
e.style.display = 'none';
text = link.innerHTML;
index = text.search("Hide");
text = text.substring(0, index);
link.innerHTML = text+"Show "+divId;
elems = document.getElementsByTagName("select");
for(i=0;i<elems.length;i++){
elem = elems[i];
if(elem.alt == "selectedSearchCriteria"){
elem.size = 25;

showDetails = document.getElementsByName("showDetails");
}
}
}
return false;
}