bootstrap 数据变换点击事件

可以通过在 Bootstrap 中使用 JavaScript 来实现数据变换点击事件。具体的实现方式如下：

1. 首先，你需要在 HTML 中添加一个具有 data-toggle 属性和 data-target 属性的按钮，如下所示：

<button type="button" class="btn btn-primary" data-toggle="collapse" data-target="#demo">点击我</button>

其中，data-toggle 属性用于指定触发事件的类型，这里是 collapse，表示折叠、展开；data-target 属性用于指定要折叠、展开的目标元素，这里是 id 为 demo 的元素。

2. 接下来，在 HTML 中添加一个具有 id 为 demo 的元素，如下所示：

<div id="demo" class="collapse">
  <p>要显示的内容</p>
</div>

其中，class 属性为 collapse 表示初始状态为折叠状态，即不可见。

3. 最后，在 JavaScript 中添加以下代码：

$(document).ready(function(){
  $(".btn").click(function(){
    $("#demo").collapse('toggle');
  });
});

这段代码的作用是，当按钮被点击时，通过 jQuery 选中 id 为 demo 的元素，然后调用 collapse('toggle') 方法，使其折叠状态和展开状态之间切换。

注意，这里使用了 jQuery 库和 Bootstrap 的 JavaScript 插件，需要在 HTML 中引入相应的文件。