ive been able to get this to work
<html>
<head>
<script language="javaScript">
function showHide()
{
document.form1.text1.style.display=""; // this is for showing
return false;
}
</script>
</head>
<body>
<form name="form1">
<input type="text" name="text1" value="" style="display:none">
<input type="submit" name="submit" value="Click here!" onClick="return showHide();">
</form>
</body>
</html>
now how can i apply this to multiple input text including
a textarea