<!DOCTYPE html >
<html>
<head>
<title>Show/Hide Div Content Demo</title>
</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" value="" /></div>
</fieldset>
</form>
</body>
</html>
download as PDFdownload as RTFdownload as LaTeXdownload as HTMLdownload as Zip-Packagedownload as plain Textprint
JavaScript Show & Hide Controls
Author: , published: , last modified:
share it: Google +1TwitterFacebookXing