Данные должны отображаться только в отношении кнопки, которую я нажал

Question

У меня есть шесть кнопок в таблице, после нажатия каждой кнопки отображаются данные, относящиеся к кнопке, если я нажимаю другую кнопку, предыдущие данные должны исчезнуть, и только данные относительно эта кнопка должна отображаться. Я использую div. пожалуйста, помогите мне, как это сделать.

Answer 1

Вы можете скрыть div первым, тогда вы можете показать, что в соответствии с кнопкой Id. Пожалуйста, см Fiddle

$("#bt1").click(function(){ 
 
$(".hide").hide(); 
 
$("#id1").show(); 
 
}) 
 
$("#bt2").click(function(){ 
 
$(".hide").hide(); 
 
$("#id2").show(); 
 
}) 
 
$("#bt3").click(function(){ 
 
$(".hide").hide(); 
 
$("#id3").show(); 
 
})

.hide{display:none}

<table> 
 
    <tr> 
 
     <td><button type="button" id="bt1">button1</button></td> 
 
     <td><button type="button" id="bt2">button2</button></td> 
 
     <td><button type="button" id="bt3">button3</button></td> 
 
    </tr> 
 
</table> 
 
<div id="id1" class="hide">Button1</div> 
 
<div id="id2" class="hide">Button2</div> 
 
<div id="id3" class="hide">Button3</div>

https://jsfiddle.net/zgwugk5y/3/