数据应仅显示与我单击的按钮有关

Question

i am having six buttons in a table,after clicking each button the data related to button should display,if i click another button previous data should disappear and only data with respect to that button should display.I am Using div. please help me how to do it.

Answer 1

You can hide div first then you can show that according to button Id. Please see 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/

</div>