JSFiddle - React, Tailwind, and code Playground

by Vitaliy

HTML

<div id="typeT">
<ul class="list1">
    <div id="1">
<li >кнопка 1</li>
    </div>   
    <div id="2">
<li >кнопка 2</li>
    </div>  
    <div id="3">
<li >кнопка 3</li> 
    </div>  
</ul>
</div> 
 
<div class="button1">button 1</div>
<div class="button2">button 2</div>
<div class="button3">button 3</div>

JavaScript

var T;
$('.list1').on('click', 'li', function(){
    $('.list1 li').removeClass('active');
    $(this).addClass('active');
    T = changeT(this.parentNode.id);
    console.log(T);
}); 

function changeT(t){
	switch(t){
  	case '1': $('.button1').show();  $('.button2, .button3').hide();
    return t;
    case '2': $('.button2').show();  $('.button1, .button3').hide();
    return t;
    case '3': $('.button3').show();  $('.button2, .button2').hide();
    return t;
  }
}