Помогите пожалуйста навести порядок в выпадающих div JS

Использую вот такой код.

<script>

var show = document.getElementById("kk") ;


function hidetxt(type){

param=document.getElementById(type);
if(param.style.display == "none" || param.style.display === "") {
if(show) show.style.display = "none";
param.style.display = "block";
show = param;
}else param.style.display = "none"
}
</script>

   #kk {
    display:none;
}


#ll {
    display:none;
}

#mm {
    display:none;
}
#xx {
    display:none;
}

<button onclick="hidetxt('kk');">Открыть</a>

И все хорошо, но если попытаться сделать так, чтобы первый блок был открыт по умолчанию, то он не закрывается автоматически при открытии других блоков... Как это подправить?)