I have a checkbox:
<input type=checkbox name=mycheckbox id=mycheckbox value=0 />
<div style=display:none>
This content should appear when the checkbox is checked
</div>
Does anyone have a simple way to do this?
This will show it when the checkbox is checked, and hide it again when the checkbox is unchecked:
$('#mycheckbox').change(function() {
$(this).next('div').toggle();
});
...although it would be better if you'd assign that DIV an id, so it could be selected more quickly:
<input type=checkbox name=mycheckbox id=mycheckbox value=0 />
<div id=mycheckboxdiv style=display:none>
This content should appear when the checkbox is checked
</div>
<script type=text/javascript>
$('#mycheckbox').change(function() {
$('#mycheckboxdiv').toggle();
});
</script>
http://jsfiddle.net/mblase75/pTA3Y/
If you want to show the div without hiding it again, replace .toggle() with .show().
