JSFiddle - React, Tailwind, and code Playground

HTML

<div class="stena_potolok"></div>
<a class="btn_1">btn1</a>
<a class="btn_2">btn2</a>
<a class="btn_3">btn3</a>

CSS

body{
    background:#bbb;
}
.stena_potolok{
    width:100px;
    height:50px;
}
.stena_potolok_white
{
    background:white;
}
.stena_potolok_darck
{
    background:black;
}
.stena_potolok_red
{
    background:red;
}
.btn_1,.btn_2,.btn_3{
    cursor:pointer;
}

JavaScript

$(".btn_1").click(function(){
$(".stena_potolok").removeClass('stena_potolok_white stena_potolok_darck stena_potolok_red').toggleClass("stena_potolok_white"); return false;
});
 
$(".btn_2").click(function(){
$(".stena_potolok").removeClass('stena_potolok_white stena_potolok_darck stena_potolok_red').toggleClass("stena_potolok_darck"); return false;
});
 
$(".btn_3").click(function(){
$(".stena_potolok").removeClass('stena_potolok_white stena_potolok_darck stena_potolok_red').toggleClass("stena_potolok_red"); return false;
});