Liste faisant apparaître dynamiquement des champs

<script type="text/javascript">
function IsCheck(number){
//here we iterate the three divs
for(i = 1; i <= 4; i++){
//if the current number (i) is different to the checked input (number)
if (i != number) {
document.getElementById('ifChecked'+i).style.display = 'none';
}
else {
document.getElementById('ifChecked'+i).style.display = 'block';
}
}}

</script>

################################HTML################################

<div class="control-group"><label for="select-beast">Problème :</label>
<select id="select-issue" placeholder="Selectionnez un problème...">
<option value="" selected disabled hidden>Selectionnez un problème...</option>
<option value="Data" onclick = "IsCheck(1);">Problème sur un service DATA </option>
<option value="Voix" onclick = "IsCheck(2);">Problème sur un service VOIX</option>
<option value="Conf" onclick = "IsCheck(3);">Ticket de configuration</option>
</select>
</div>

 

<div id = "ifChecked1" style="display:none">

<div id = "ifChecked2" style="display:none">

<div id = "ifChecked3" style="display:none">