title: three radio buttons with sub radio buttons need to hide or show the div using jquery
body: <p>I am working on jQuery hide or show function. I have three radio buttons and two sub radio button will be available initially if user select the first radio button and user select children first / second radio button one div will be shown  in the second scneario if user select second radio button / third radio button from the parent and sub radio button second div should come. I am not getting how to do the if condition  </p>
  
  <p>Here is the <a href="http://jsfiddle.net/karthic2914/3rzq1baL/" rel="nofollow">fiddle link</a></p>
  
  <p>Here is my HTML code</p>
  
  <pre><code>&lt;input type="radio" value="one" checked name="number" /&gt;One
  &lt;input type="radio" value="two" name="number" /&gt;two
  &lt;input type="radio" value="three" name="number" /&gt;three
  &lt;br/&gt;
  &lt;input type="radio" checked value="onea" name="numbers" /&gt;one A
  &lt;input type="radio" value="twoa" name="numbers" /&gt;two A
  &lt;br/&gt;
  &lt;div class="first"&gt;First&lt;/div&gt;
  &lt;div class="second"&gt;second&lt;/div&gt;
  &lt;div class="third"&gt;third&lt;/div&gt;
  </code></pre>
  
  <p>Here is my current jquery code</p>
  
  <pre><code>   $(".second,.third").hide();
  $('input[type="radio"]').change(function () {
      if ($(this).val() === 'onea'  || 'twoa') {
          $(".first").show();
      }
  });
  </code></pre>
  
  <p>for the first radio button was working perfectly as expected but not for second third radio button</p>
  
  <p>this is what i want </p>
  
  <p>for example there are two scenarios 1) by default the one radio button was and one A radio button was checked the first div will show  2) if the user select two radio button / three radio button  and sub one A / two A second div will show I am not getting the second scenarios</p>
  
  <p>Thanks in advance</p>