Ive got the follwoing javascript code that will expand/collapse a section of my site that is enclosed within a <div> tag.

Code:
function showorhide(id) { 
    if (document.getElementById(id).style.display == "none") 
    {
        document.getElementById(id).style.display = "block";
    } 
    else 
    {
        document.getElementById(id).style.display = "none";
    }
I am using asp.net 2.0 to code my site with, the above code works fine (example below:

Code:
<a href="#" onclick="showorhide('basicdetails');">Basic Personal and Contact Details</a>
<div id="basicdetails">

</div>
All that is enclosed within the <div id="basicdetails"> is expanded / collapsed.

HOWEVER, im geting a few problems with this method:
1. On a page load, the div tags are always displayed, is there any way of having them collapsed on page_load?
2. When i put 2 seperate <div> tags (i.e. 2 seperate expand/collapse sections on the same page), one is collapsed and one is expanded, when working within the expanded one and a button is clicked (for saving of info from a form), both divs are then expanded?

Thanks in advanced