hiding clearing controls on client side

document.getElementById("<%=txtfrm.ClientID%
>").value = "";
document.getElementById("<%=txtto.ClientID%>").value = "";
document.getElementById("<%=divname.ClientID%>").style.display = "none";
var options  = document.getElementById("<%=listbox1.ClientID%>").getElementsByTagName("option");
for(var i = 0;i<options.length;i++)
{
options[i].setAttribute("selected", "");
}

if the above is used ie make them cleared or visible false on client side then not able to make them visible again

its made visible by a javascript initated on gridheade click

You need to use the same script to make them visible. Just set display none to display block

no i cant

as said earlier i have grid in update panel

when  grid header column is clicked i get the header cell value which is a data column in javascript function a

javascript function a has a button click initated

button click event in code behind checks for the column datatype

if column datatype=numeric textbox is made visible if its varchar then listbox

suppose  user click column1 of datatype varchar , listbox gets displayed but if the user doesnot want , need to press ESC key which has a function B in which i have u r above given script lines

and it does work

but again when user clicks any other column as per the flow text control or listbox shld be displayed by initation of function a

but function a doesnot get initated at all

but if i initate a server side code on ESC button press to do the above post back happens but when user click another header cell function a gets initated

i hope its clear

If you can't then you might have made the controls Visible = false from code. If you do that the controls are not rendered in HTML thus javascript cannot find them