title: Display other form elements based on radio selection
body: <p>I'm trying to display a specific block of html with some form elements based on whatever is selected in a radio button.</p>
  
  <p>Below is the framework of what I have, I didn't include any of the JQUERY that I tried because I couldn't get anything to work. Any chance someone could help me fill in the blanks?</p>
  
  <p>TIA!</p>
  
  <pre><code>&lt;script type="text/javascript" src="/js/jquery-1.3.2.min.js"&gt;&lt;/script&gt;
  &lt;script src="/js/jquery.chainedSelects.js" type="text/javascript" charset="utf-8"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
  $(document).ready(function() {
      showValBox = function(data) {
  
      };  
  });
  &lt;/script&gt;
  
  
  &lt;form action="" method="post" id="SomeForm" /&gt;
  &lt;table&gt;
      &lt;tr&gt;
          &lt;td class="td-ctr"&gt;Size&lt;/td&gt;
          &lt;td class="td-ct"&gt;&lt;input type="radio" name="Radio" value="Value1" onChange="showValBox(this.value)" /&gt; Value &lt;input type="radio" name="Radio" value="Value2" onChange="showValBox(this.value)" /&gt; Value&lt;/td&gt;
      &lt;/tr&gt;
      &lt;div id="Value1" style="display:none"&gt;
      &lt;tr&gt;
          &lt;td class="td-ctr"&gt;Only if Value 1&lt;/td&gt;
          &lt;td class="td-ct"&gt;&lt;input type="text" name="SomeName" value="" /&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;/div&gt;          
      &lt;div id="Value2" style="display:none"&gt;
      &lt;tr&gt;
          &lt;td colspan="2" class="td-ct"&gt;Online if Value 2&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td class="td-ctr"&gt;SomeName1&lt;/td&gt;
          &lt;td class="td-ct"&gt;&lt;input type="text" name="SomeName1" value="" /&gt;&lt;/td&gt;
      &lt;/tr&gt;   
      &lt;tr&gt;
          &lt;td class="td-ctr"&gt;SomeName2&lt;/td&gt;
          &lt;td class="td-ct"&gt;&lt;input type="text" name="SomeName2" value="" /&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td class="td-ctr"&gt;SomeName3&lt;/td&gt;
          &lt;td class="td-ct"&gt;&lt;input type="text" name="SomeName3" value="" /&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td class="td-ctr"&gt;SomeName4/td&gt;
          &lt;td class="td-ct"&gt;&lt;input type="text" name="SomeName4" value="" /&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td class="td-ctr"&gt;SomeName5&lt;/td&gt;
          &lt;td class="td-ct"&gt;&lt;input type="text" name="SomeName5" value="" /&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td class="td-ctr"&gt;SomeName6&lt;/td&gt;
          &lt;td class="td-ct"&gt;&lt;input type="text" name="SomeName6" value="" /&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td class="td-ctr"&gt;SomeName7&lt;/td&gt;
          &lt;td class="td-ct"&gt;&lt;input type="text" name="SomeName7" value="" /&gt;&lt;/td&gt;
      &lt;/tr&gt;                                                                               
      &lt;/div&gt;
  &lt;/table&gt;
  &lt;/form&gt;
  </code></pre>