Question

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

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

如何在asp.net中使用twitter bootstrap jQuery执行此操作？

Answer 1

以下是与 jQuery

相关的方法

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

JSFiddle

Answer 2

您可以使用bootstrap Collapse 。根据文件：

只需添加数据切换=＆＃34;折叠＆＃34;和一个数据目标元素，以自动分配可折叠元素的控制。 data-target属性接受CSS选择器以应用折叠。请务必将类折叠添加到可折叠元素。如果您希望默认打开，请添加其他类。

这是一个基本的演示。 http://www.bootply.com/jIyBm4IaoL。

HTML：

<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>

如何使用jquery bootstrap在按钮单击上显示特定div

2 个答案: