Mostra div1 se radio1 è selezionata e div2 se radio2 è selezionata

Question

Ciao ragazzi sto avendo un problema.

Sto recuperando alcuni valori da un database e li sto visualizzando in un modulo per la modifica. Al termine della modifica, i valori torneranno al DB.

Voglio mostrare un div se una radio con valore "Sì" è spuntata e se una radio con valore "No" è spuntata voglio mostrare un altro div.

Il valore selezionato proviene da un database, quindi non è sempre sulla stessa radio.

<input type="radio" name="longer" id="Yes" value="Yes" <?=($info['longer']=='Yes')?'checked':''?>>Yes 
<input type="radio" name="longer" id="No" value="No" <?=($info['longer']=='No')?'checked':''?>>No 

<div id="first"> 
Show if value is yes 
</div> 

<div id="second"> 
Show if value is no 
</div> 

Questo è il codice jquery ho avuto finora, ma non funziona:

$(document).ready(function() { 
     if ($('#No').prop('checked')) { 
      $('#first').hide(); 
      $('#second').show(); 
     } else if ($('#Yes').prop('checked') { 
      $('#second').hide(); 
      $('#first').show(); 
     } 
}); 

Grazie per il vostro tempo.

Answer 1

controllo utilizzando .is(':checked')

if ($('#No').is(':checked')) { 

il codice funzionerà dopo il documento pronto .. ma si penso che forse bisogno in evento di modifica della radio

$('input[name="longer"]').on('change',function(){ 
     //code here 
    });