I'm using Smarty Templates with CSS and JavaScript. I have the following field which asks the user a yes or no question: [code] <input name="r1" type="radio" value="Y" onClick="toggleT('divt1','s')">Yes <input name="r1" type="radio" value="N" onClick="toggleT('divt1','h')">No</td> [/code] If the user selects "Yes", I want to send the name of a CSS div and 's' (for 'show') to a JScript Function as follows: (if no is selected, send 'h' for hide) [code] <head> {literal} <script language = "JavaScript"> function toggleT(_w,_h) { if (document.all) { // is IE if (_h=='s') eval("document.all."+_w+".style.display = 'block';"); if (_h=='h') eval("document.all."+_w+".style.display = 'none';"); } else { // is NS? if (_h=='s') eval("document.layers['"+_w+"'].display='show';"); if (_h=='h') eval("document.layers['"+_w+"'].display='hide';"); } } </script> {/literal} </head> [/code] If 's' is sent, I want to display the fields contained in the CSS div that I sent (_w), otherwise I want to keep that entire div section hidden. Here is the div section: [code] <div id="divt1" style="display: none;"> <tr> <td rowspan="4" align="right" valign="top" bgcolor="#E1E1E1" class="Redtext style4">blah blah blah</td> <td rowspan="4" bgcolor="#E1E1E1" class="Name"> </td> <td align="right" valign="top" bgcolor="#E1E1E1" class="Text">Date:</td> <td valign="top" bgcolor="#E1E1E1"> <input name="date" type="text" class="Text" title="Date" value="01/31/2006" size="20" maxlength="30" alt="blank"> </td> </tr> </div> [/code] Currently, the div is being displayed. I want to ONLY display it if the user selects "Yes". Any help is greatly appreciated. I'm learning much JavaScript lately, and you guys have helped a bunch!