I have a form that has two radio buttons. Their function is to show one of two hidden divs. The JS is this: <script language="JavaScript"> function toggle('with', 'without') { if (document.getElementById) { withvbm= document.getElementById('with'); withoutvbm= document.getElementById('without'); }
if (withvbm.style.display == "none"){ withvbm.style.display = ""; withoutvbm.style.display = "none"; } else if (withoutvbm.style.display == "none"){ withoutvbm.style.display = ""; withvbm.style.display = "none"; } } </script> The radio buttons look like this: <input type="radio" name="VBM" value="1" id="with" onclick="toggle('with', 'without')">With<BR><BR> <input type="radio" name="VBM" value="2" id="without" onclick="toggle('without', 'with')">With Out And the divs look like this: <div id='with' style="display:none;"> With vote by mail options here </div> <div id='without' style="display:none;"> without vote by mail options here </div> When I click either button, I get an error that and Object is expected. The error is on the radio buttons. From what I can tell everything looks OK. Can anyone see any issues with this? Also, I tried changing the first div's style to display:block assuming that the page needed to see one of them and of it did not work, but then I though no, that cannot be it since I want both div's hidden until the user clicks one of the buttons. Thanks, -- Bruce Sorge ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~| Create robust enterprise, web RIAs. Upgrade & integrate Adobe Coldfusion MX7 with Flex 2 http://ad.doubleclick.net/clk;56760587;14748456;a?http://www.adobe.com/products/coldfusion/flex2/?sdid=LVNU Archive: http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:266102 Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4