テキストボックスを表示/非表示切り替え

表示 非表示 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<script type="text/javascript">
<!--
function Show(){
	f1.txt1.style.visibility="visible";
}
function Hide(){
	f1.txt1.style.visibility="hidden";
}
//-->
</script>
</head>
<body>
<form name="f1">
<input type="radio" name="r1" value="1" checked onClick="Show()">表示
<input type="radio" name="r1" value="0" onClick="Hide()">非表示
<input size="25" type="text" name="txt1" value="" onClick="Show()">
</form>
</body>
</html>