<!DOCTYPE html >
<html>
<head>
<title>Show/Hide Div Content Demo</title>
<meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self' 'unsafe-inline'; style-src 'self' 'unsafe-inline'; img-src 'self' data: " />
</head>
<body>
<form id="form_id">
<fieldset>
<legend>Show/Hide Div Content Demo</legend>
<input type="checkbox" name="checkbox" id="checkbox_id" value="true" onchange="document.getElementById('toggle_id').style.display = this.checked ? 'block' : 'none';" /><label for="checkbox_id">alternative Text</label><br />
<div id="toggle_id" style="display:none;"><label for="textbox_id">label:</label><input type="text" name="textbox" id="textbox_id" /></div>
</fieldset>
</form>
</body>
</html>

JavaScript Show & Hide Controls
Author: published: , last modified:
,