title: hide radio buttons on change
body: <p>i have three radio buttons like a b c and i want that if i click on b, three more radio buttons become visible below. i have written code for radio buttons but i don't know to hide and show those radio buttons which are below on change. i have tried this way but could not get it done</p>
  
  <pre><code>$(document).on('change','#quarterly',function(){
      $("input:radio[name='FIRST'],input:radio[name='SECOND']").hide();
  });
  </code></pre>
  
  <p>quarterly is id of that button on which i want to change
  Please help!!!!!
  Here is the html</p>
  
  
      
          Period
          
              Yearly  
              Quarterly  
              Monthly  
              Period  
          
      
  
  
  <p>
      
          
          
              First<br>
          <br>
                                      
                                  
                                                  
            Second   <br>
                          
                                
      
         
            Third   <br>
                          
                               </p>