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

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

-3

Решение

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

$("#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>
0

Другие решения

Других решений пока нет …

По вопросам рекламы ammmcru@yandex.ru
Adblock
detector