Escondiendo objetos en Javascript

Tengo un select donde si escojo una opción, entonces me presenta unos objetos del form, y si selecciono otra opción entonces me muestra otros objetos del form.
Mi problema esta en que cuando se hace el onchange de una opción a otra, no se como desaparecer los objetos que previamente aparecí. ¿Cuál es la propiedad o la línea que debo colocar para desaparecer/esconder esos objetos nuevamente?
Aquí esta mi código:
<strong>Factura:     </strong>
<select name="factura" size="1" tabindex="7" onChange="print_periodo(this);">
<option>Factura?</option>
<option value="SI">SI</option>
<option value="NO">NO</option>
</select>
<!-- SI NO FACTURA -->
<select name="per_gracia" id="per_gracia" style="display:none;" onChange="selecc(this);">
<option>Gracia</option>
<option value="NO">NO</option>
<option value="SI">SI</option>
</select>
<!-- SI FACTURA -->
<select name="especial" id="especial" style="display:none;">
<option>Especial?</option>
<option value="NO">NO</option>
<option value="SI">SI</option>
</select>
<script language="javascript">
function print_periodo(obj){
if(obj.value == "NO"){
frm.per_gracia.style.display='';
}
if(obj.value == "SI"){
frm.especial.style.display='';
}
}
</script>