title: hiding and showing radio button and dropdown based on values
body: <pre><code>&lt;select name="drop1" id='drop1'&gt;
      &lt;option value="" selected="selected"&gt;&lt;/option&gt;
      &lt;option value="data1"&gt;Data1&lt;/option&gt;
      &lt;option value="data2L"&gt;Data2&lt;/option&gt;
  
  &lt;select name="drop2" id='drop2'&gt;
      &lt;option value="" selected="selected"&gt;&lt;/option&gt;
      &lt;option value="data3"&gt;Data3&lt;/option&gt;
      &lt;option value="data4"&gt;Data4&lt;/option&gt;
  </code></pre>
  
  <p>When I select data1 and data3 from the two drop downs i need to display another dropdown below:</p>
  
  <pre><code>&lt;div id="show_drop"&gt;
      &lt;select name="drop3" id='drop3'&gt;
          &lt;option value="" selected="selected"&gt;&lt;/option&gt;
          &lt;option value="data5"&gt;Data5&lt;/option&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>else display radio button:</p>
  
  <pre><code>&lt;div id="rbutton"&gt;
      &lt;input type="radio" name="yes" value="Yes" /&gt;Yes
      &lt;input type="radio" name="no" value="No" /&gt;No
  &lt;/div&gt;
  </code></pre>
  
  <p>I have tried the following code which works fine if i change only one drop down value. I am not sure of the synatx comparing 2 drop down values and then hiding radio button or the dropdown.</p>
  
  <pre><code>$(document).ready(function() {  
      $("#rbutton").hide();
      $("#drop2").change(function() {
          if ($("#drop2").val()  == 'data2') 
              $("rbutton").show("fast");
          else 
              $("#rbutton").hide("fast");
      });
  });
  </code></pre>