Tirar collapsed de um controle widget-box, via Radio- Button

Pessoal,

Estou com o seguinte problema:

Tenho dois radio-button (Não e Sim), e logo depois com controle widget-box, preciso quando o usuario clicar em sim o widget-box expande e quando usuário clica em não "ele recolhe"

código:

<div class="form-group">
 <label class="col-md-2 control-label" for="iq">IQ? </label>
 <div class="col-md-2">
 <label class="radio-inline" for="radios-0">
 <input type="radio" name="iq" id="iq" value="NAO" onclick="javascript:desabilita_a();" required>
 Não
 </label>
 <label class="radio-inline" for="radios-1">
 <input type="radio" name="iq" id="iq" value="SIM" onclick="javascript:habilita_a();">
 Sim
 </label>

</div>

<div class="col-md-12">
 <div class="widget-box collapsed " id="widget-box-iq" style="opacity: 1;">
 <div class="widget-header widget-menu">
 <h4 class="widget-title ">
 Dados do IQ
 </h4>
 <a href="#" id="btnacaoiq" data-action="collapse">
 <i class="ace-icon fa fa-chevron-down"></i>
 </a>
 </div>

 <div class="widget-body">

	 

	Creio que em js consiga manipular a div <div class="widget-box collapsed "  --> tirando a opção collapsed. 

	 

	![image.png.3261ce0195b179beec468b9148e69c19.png](https://forum.imasters.com.br/monthly_2017_11/image.png.3261ce0195b179beec468b9148e69c19.png)

	 

	** Sou novo em css, js e html... 

	 

	Fico grato pela ajuda...