Multi IFs

Multi IFs

Hi all, 
I'm very new to this, and can't figure it out how to do this, please help:

What I'm trying to do is: when select grade = 3, AND class = english, AND radio checked yes, then show div.

Here's the code:
  1. <p>
  2.   <select name="grade" id="grade">
  3.     <option>1</option>
  4.     <option>2</option>
  5.     <option>3</option>
  6.     <option>4</option>
  7.   </select>
  8. </p>
  9. <p>
  10.   <select name="class" id="class">
  11.     <option>math</option>
  12.     <option>history</option>
  13.     <option>english</option>
  14.   </select>
  15. </p>
  16. <p>
  17.   <label>
  18.     <input type="radio" name="Group1" value="yes" id="Group1_0">
  19.     yes</label>
  20.   <br>
  21.   <label>
  22.     <input type="radio" name="Group1" value="no" id="Group1_1">
  23.     no</label>
  24.   <br>
  25. </p>
  26. <div id="test" style="display:none">show/hide</div>
  27. <script type="text/javascript">
  28. $(document).ready(function(){
  29. var test = $('#test').hide();
  30. var class = $('#class');
  31. var Group1 = $('#Group1');
  32. $('#grade').change(function() {
  33.    var value = this.value;
  34.     if (value == 3)  {
  35. if (Group1.attr("checked", "checked")) {
  36.        test.fadeIn();
  37.    } else {
  38.       test.fadeOut(); 
  39.    }}
  40. });
  41. });
  42. </script>

  43. Thank

  44. John