Wenn Radio button checked show div

Habe ich HTML-CODE unten:

JS:

$('input[type="radio"]').click(function(){
  
  if($(this).attr("value")=="ABC"){
    $(".Box").hide('slow');
  }
  if($(this).attr("value")=="PQR"){
    $(".Box").show('slow');

  }        
});

HTML:

<table>
  <tr>
    <td align="left" height="45">

      <input type="radio" class="radioBtn" name="Radio" 
             id="Radio" value="ABC" required>
      ABC

      <input class="radioBtn" type="radio" name="Radio" 
             id="Radio" value="PQR"  required>
      PQR

      <div class="Box" style="display:none">Text</div>
    </td>
  </tr>
</table>

Alle obigen code ist in Ordnung, die & richtig. Aber mein Problem ist, dass wenn ich standardmäßig aktiviert PQR dann die div-Box angezeigt werden soll mit Klick auf radio-button. Was falsch in meinem code oder welche Veränderungen es braucht..??

Schreibe einen Kommentar