dk-web

<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>

<div id="yo" class="one new_class">yo</div>
<div id="me" class="two new_class">me</div>

$('.new_class').click(function(event) {
  var myClass = $(this).attr('class');
  $(this).css( "color", "green" ); //в принципе переменная с определением класса вам и не нужна
}

$('div').on('click', function() {
   $(this).css( "color", "green" ); // любой кликнутый див изменит цвет на зеленый, но с классами, конечно, правильней
});