Need help with showing/hiding div depending on checkbox but not using onclick

[mmace]

Hi guys, I have a php form (with javascript), at the moment I have hidden divs that appear when an earlier checkbox is ticked (checked). However, I'm now wanting to add some code earlier that will auto tick some of the checkboxes, I am still wanting the same hidden divs to appear but because the checkboxes aren't being physically clicked it's not working, does anyone know a good way to make the divs still appear if the checkboxes are selected?

Any help would be much appreciated.
thanks

my current code:

in head:

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

in body:

<input type="checkbox" name="UserFPArea1" value="FPA-South" onClick="showMe('SouthFP', this)" /> Example Checkbox

<div id="SouthFP" style="display:none">example hidden div</div>

[hastx]

You might want to check the javascript forum...I think what you want to do is loop all the checkboxes on any input click, then based on conditions, the dependent boxes get ticked automatically, and divs would be visible as needed....so effectively your still using the onClick().

You could use the same function on page load if needed.

[mistin.ca]

Change the value of the checkbox, then follow up with .onChange();

obviously you need a handler for the onchange - otherwise it won't do anything