Кавычки поставьте в дивах после цифы правильно и все будет работать..
<div id="id24"»>текст</div>
и в качестве легкой оптимизации... добавьте каждому div класс. Например myClass
<div id="id1" class="myClass"»>текст1</div>
<div id="id2" class="myClass"»>текст2</div>
...
<div id="id24" class="myClass"»>текст24</div>
и тогда скрипт и стили у вас будут следующие
<style>
.myClass {display:none;}
</style>
<script>
function showBlock(val){
x = document.getElementsByClassName('myClass');
for (let i = 0; i < x.length; i++) {
x[i].style.display='none';
}
document.getElementById('id'+val).style.display='block';
}
</script>
все посимпатичнее)
п.с. все для вас
рабочий фиддл 
