#yes_box{
 
	 border: 1px solid;  
 
    margin: 10px 0px;  
 
    padding:5px 5px 5px 5px;  
 
    background-repeat: no-repeat;  
 
    background-position: 10px center;
 
	   width:300px;
 
color: black;   
 
background-color:#B9DBE1;    
	}
 
#no_box{
 
	 border: 1px solid;  
 
    margin: 10px 0px;  
 
    padding:5px 5px 5px 5px;  
 
	  width:300px;
 
color: black;   
 
background-color: #FEADAB;    
	}

 
<form action="" method="post" name="form1">
  <p>
    <label>
 
      <input type="radio" name="group_name" value="Yes" id="group_name_0" />
 
      Yes</label>
 
    <label>
 
      <input type="radio" name="group_name" value="No" id="group_name_1" />
 
    No</label>
 
    <br />
 
  </p>
 
</form>
 
<div id="yes_box">
 
This is you Yes box content. Now select the 'No' radio button and this box will disappear slowly and No content box will appear!
 
</div>
 
 
 
<div id="no_box">
 
This is you No box content. Now select the 'Yes' radio button and this box will disappear slowly and Yes content box will appear!
 
</div>

$("input[name$='group_name']")

 
if(radio_value=='Yes').

 
$("#yes_box").hide();...