title: HTML Form Toggle Hide/Show fields based on selection
body: <p>On my form (shown below) I have a set of radio options. If the user selects the last option for "Other", I want the div to show and slide down where they can enter a custom value in a text box. I also want to be able to have multiple instances of this same process multiple times in the same form (with different IDs obviously).</p>
  
  <p>Here's how it's set up: If the user selects the radio button who's class is "color_toggle" and the value equals "Other", I want it to show the element id "specify_color_box". If they select a different radio button, I want that same element hidden.</p>
  
  <p>Here's the answer just in case anyone else has the same issue. 
  My form element is shown here: </p>
  
  <pre><code>&lt;fieldset class="w100"&gt;
         &lt;div class="rowElem align-left"&gt;
        &lt;input type="radio" id="Gray" name="color" value="Gray" class="color_toggle" checked &gt;
             &lt;label&gt;Gray (Standard)&lt;/label&gt;
          &lt;/div&gt;
         &lt;div class="rowElem align-left"&gt;
              &lt;input type="radio" id="All Yellow" name="color" value="All Yellow" class="color_toggle"&gt;
              &lt;label&gt;All Yellow&lt;/label&gt;
            &lt;/div&gt;
         &lt;div class="rowElem align-left"&gt;
          &lt;input type="radio" id="Yellow Posts Black Panels" name="color" value="Yellow Posts Black Panels" class="color_toggle"&gt;
            &lt;label&gt;Yellow Posts / Black Panels&lt;/label&gt;
           &lt;/div&gt;
           &lt;div class="rowElem align-left"&gt;
         &lt;input type="radio" id="other_color" name="color" value="Other" class="color_toggle"&gt;
          &lt;label&gt;Other&lt;/label&gt;
         &lt;/div&gt;
         &lt;div id="specify_color_box" class="form-subscr-field rowElem align-left" style="display:none;"&gt;
         &lt;label for="specify_color" id="specify_color_label"&gt;Specify Custom Color: &lt;/label&gt;
         &lt;input id="specify_color" type="text" name="specify_color" class="inputbox" size="10" value="Enter custom color" onFocus="if(this.value=='Enter custom color') this.value='';" onBlur="if(this.value=='') this.value='Enter custom color';"/&gt;
        &lt;/div&gt;
  &lt;/fieldset&gt;
  </code></pre>
  
  <p>and my jQuery is shown here:</p>
  
  <pre><code>$(document).ready(function(){
      $("input[name='color']").click(function(){
      if($(this).val() == "Other") {
          $("#specify_color_box").slideDown("fast");
      }
      else{
          $("#specify_color_box").slideUp("fast");
      }
  });
  });
  </code></pre>