[Georgie0409]

<div id = 'main_container'>
      <div id = 'container1>
      <div id = 'container2>
      <div id = 'container3>
      <div id = 'container4>
</div>

#main_container{
positon: absolute;
height: 8vmax;
width: 8vmax;
}
#container1{
positon: absolute;
height: 2vmax;
width: 2vmax;
background-color : rgba(192,192,192, 0.5);
}
#container2{
positon: absolute;
height: 2vmax;
width: 2vmax;
left: 2vmax;
background-color : rgba(192,192,192, 0.5);
}
#container3{
positon: absolute;
height: 2vmax;
width: 2vmax;
left: 2vmax;
background-color : rgba(192,192,192, 0.5);
}
#container4{
positon: absolute;
height: 2vmax;
width: 2vmax;
left: 2vmax;
background-color : rgba(192,192,192, 0.5);
}

jQuery(document).ready(function() {
$("#container1").click(function() {
        $("#container1").css({
            'background-color' : 'rgba(192,192,192, 0.25)',
        });
});

$("#container2").click(function() {
        $("#container2").css({
            'background-color' : 'rgba(192,192,192, 0.25)',
        });
});
$("#container3").click(function() {
        $("#container3").css({
            'background-color' : 'rgba(192,192,192, 0.25)',
        });
});
$("#container4").click(function() {
        $("#container4").css({
            'background-color' : 'rgba(192,192,192, 0.25)',
        });
});
});

Я могу при нажатии на container1 делать изменения в container2, container3, container4, но у меня в основном коде очень много блоков и я просто изуродую код)
Может можно как-то сделать по другому?