JavaScript to hide a <div> via checkbox that is already checked

[widevision7]

I have a web site that uses the following JavaScript to hide <div> sections:

<script type="text/javascript">
function showMe (it, box) {
var vis = (box.checked) ? "block" : "none";
document.getElementById(it).style.display = vis;
}
</script>
 

I have a checkbox to hide the <div> when checked:

[HTML]<input type="checkbox" name="multi_not e" value="Yes" onclick="showMe ('div1', this)">
[/HTML]
This works great if I load the page without the checkbox being checked. When I check the box, the <div1> appears. But I need the checkbox to be checked when the person first visits the site, and when they click OFF the checkbox, it needs to hide <div1>.

I know that it is probably simple, but I can't seem to figure it out...

Thanks - Tony

[dmjpro]

I have a web site that uses the following JavaScript to hide <div> sections:

function showMe (it, box) {
var vis = (box.checked) ? "block" : "none";
document.getElementById(it).style.display = vis;
}
 

I have a checkbox to hide the <div> when checked:

<input type="checkbox" name="multi_note" value="Yes" onclick="showMe('div1', this)">
 

This works great if I load the page without the checkbox being checked. When I check the box, the <div1> appears. But I need the checkbox to be checked when the person first visits the site, and when they click OFF the checkbox, it needs to hide <div1>.

I know that it is probably simple, but I can't seem to figure it out...

Thanks - Tony

Use code Tags while you do post some codes.
Simply have this :-)

<input type="checkbox" name="multi_note" value="Yes" onclick="showMe('div1', this)" checked>
 

Kind regards,
Dmjpro.

[widevision7]

I have already tried adding the checked tag, as in:

<input type="checkbox" name="multi_not e" value="Yes" onclick="showMe ('div1', this)" checked>

and when I load the page, it shows that the checkbox is checked, but the <div1> is hidden. I need for the checkbox to be checked and for the <div1> to be visible.

When they uncheck the checkbox, then the <div1> will be hidden.

Thanks - Tony

[acoder]

In your div, just add a style of display set to 'block':
[HTML]<div id="div1" style="display: block;">[/HTML]

[widevision7]

THANKS!!! That worked!

Tony

[acoder]

Glad to hear you got it working. Post again if you any more questions.