javascript for view/hiding in html

[raja reddy]

i have a form.following is the part of that form

    <td class="advscalarcol">
<div name="divAddress" vsclass="advantage.VSSExtBase.DivAddressValidator"  vsds="">
<table class="advscalar">
   <div name = "corrad" vsds="">
<tr>
     <td><label for="CORR_AD" title="Corrected Address">Corrected Address</label></td>
     </tr>
<tr>
<input type="checkbox" name="SEL_COPY_AD" id="SEL_COPY_AD" value="CORR_FL" vsds="T1MSTR_AD_QRY" vsdf="CORR_FL"   title="Select Address">Select Address<br></td>
<!--<label for="SEL_COPY_AD" title="Select Address">Select Address</label></td>-->
</tr>
   </div>
<tr>
<td class="label"><label for="txtT1STR_1_NM" title="Street 1 (Required)">Street 1 :</label></td>
<td class="val">
<input class="advreadonly" readonly="readonly" type="text" name="STR_1_NM" id="STR_1_NM" size="20" vsds="" vsdf="">
</td>
</tr>
<tr>
<td class="label"><label for="txtT1STR_2_NM" title="Street 2">Street 2 :</label></td>
<td class="val">
<input class="advreadonly" readonly="readonly" type="text" name="STR_2_NM" id="STR_2_NM" size="20"  vsds="" vsdf=""    title="Street 2">
</td>
</tr>
<tr>
<td class="label"> <label for="txtT1CITY_NM" title="City (Required)">City :</label></td>
<td class="val required">
<input class="advreadonly" readonly="readonly" type="text" name="CITY_NM" id="CITY_NM"size="20"  vsds="" vsdf="">
</td>
</tr>
<tr>
<td class="label"> <label for="txtT1ST" title="State/Province (Required)">State/Province :</label></td>
<td>
<input class="advreadonly" readonly="readonly" type="text" name="ST" id="ST" size="20"  vsds="" vsdf="">
</td>
</tr>
<tr>
<td class="label"><label for="txtT1ZIP" title="Zip/Postal Code (Required)">Zip/Postal Code :</label></td>
<td>
<input class="advreadonly" readonly="readonly"  type="text" name="ZIP" id="ZIP" size="15"  vsds="" vsdf="">
</td>
</tr>
<tr>
<td class="label"> <label for="txtT1CTRY" title="Country (Required)">Country :</label></td>
<td>
<input class="advreadonly" readonly="readonly"  name="CTRY" id="CTRY" vsds="" vsdf="" size="1" vscodetable="" ShowCodeInfo="" title="">
</td>
</tr>
</table>
</div>
<tr>
</tr>
<tr>
</tr>
<table>
<div name="SaveAddrInfoDiv" vsds="">
<input class="advbutton" name="SaveAddrInfo" vsds="" id="SaveAddrInfo" type="submit" title="Save" value="Save" vsaction="">
</div>
<div name="UpdtAddrInfoDiv" vsds="">
<input class="advbutton" name="UpdtAddrInfo" vsds="" id="UpdtAddrInfo" type="submit" title="Update" value="Update" vsaction="">
</div>
</table>
</td>

when the page loads first time,above code should be hiddden.When I click on "submit" button on this page,above mentioned code shoud be visible.

can anybody send javascript for this.

[Bear Bibeault]

You can affect the visibility of items with CSS. Just change the value of the display or visibility properties as appropriate for the effect that you want.