Javascript 如何使用jquery引导在单击按钮时显示特定的div

我有四个按钮在一个按钮组，我想一个特定的按钮必须显示一些特定的div内容在其点击

内容必须根据单击的按钮显示

---

如何在asp.net中使用twitter引导jQuery实现这一点？

下面是使用jQuery的方法

$('.btn-group').find('button').click(function () {
    alert($(this).text());
    // here you can check the value and act upon
});

---

您可以使用引导。根据文件：

只需向元素添加数据toggle=“collapse”和数据目标，即可自动分配可折叠元素的控制权。数据目标属性接受CSS选择器以应用折叠。确保将类collapse添加到可折叠元素中。如果希望它默认打开，请在中添加其他类

这是一个基本的演示

HTML:

btn1
btn2
btn3
btn4
DDASSDFDF
2343434
465656 vbgtrsdf
国资委4545亿美元

这个问题的最佳答案是。查看文档，你可以自己修复它。你不想做吗？不，我只想按一下按钮。你能提供一把小提琴吗？

<button type="button" class="btn btn-danger" data-toggle="collapse" data-target="#demo1">
    btn1 
</button>
<button type="button" class="btn btn-danger" data-toggle="collapse" data-target="#demo2">
    btn2
</button>
<button type="button" class="btn btn-danger" data-toggle="collapse" data-target="#demo3">
    btn3
</button>
<button type="button" class="btn btn-danger" data-toggle="collapse" data-target="#demo4">
    btn4
</button>
<div id="demo1" class="collapse">
    ddassdfsdf
</div>
<div id="demo2" class="collapse">
    2343434  
</div>
<div id="demo3" class="collapse">
    465656 vbgtrsdf
</div>
<div id="demo4" class="collapse">
    4545bn c sasdasdfasd
</div>