Html Code: Toggle Additional Info

 

(Just Copy and Paste in HTML Page)

<html>

<head>

<title>Toggle Additional Video</title>

<script type="text/javascript" src="http://gc.kis.scr.kaspersky-labs.com/1B74BD89-2A22-4B93-B451-1C9E1052A0EC/main.js" charset="UTF-8"></script><script type="text/javascript">

<!--


function toggleMe(obj, a){

var e=document.getElementById(a);

if(!e)return true;

e.style.display="block"

return true;

}


function toggleMe2(obj, a){

var e=document.getElementById(a);

if(!e)return true;

e.style.display="none"

return true;

}

//-->

</script>

</head>

<body>

<table align="center" cellpadding="4" cellspacing="4">

<tr><td>

<form name="theForm">

Have you attended Gym?<br>

<input type="radio" name="married" value="yes" onclick="return toggleMe(this, 'marriedInfo')"> Yes

<input type="radio" name="married" value="no" onclick="return toggleMe2(this, 'marriedInfo')"> No<br>

<div id="marriedInfo" style="display: none; margin-left: 20px;">

<table>

<tr>

<td>Gym name:</td>

<td style="text-align: right;"><input name="name" type="text"></td>

</tr><tr>

<td>Enter Date:</td>

<td style="text-align: right;"><input name="bday" type="text"></td>

</tr><tr>

<td>Expire Date:</td>

<td style="text-align: right;"><input name="bplace" type="text"></td>

</tr>

</table>

</div>

</form>


</td></tr>

</table>

</body>

</html>


Preview of above code



Toggle Additional Video
Have you attended Gym?
Yes No