Jquery 当内容可见/展开时禁用引导折叠隐藏功能

我有一个非常简单的问题。A想使用Bootstrap 3 collapse功能来显示某些内容，但我想禁用

隐藏
功能

因此，当我单击某个链接或按钮时，会出现一些内容，但当内容一次<代码>可见并且我再次单击该链接时，内容应保持可见（因此我可以突出显示内容，而不是隐藏在链接单击上，请参见示例）

我的特定用例：

<button class="reply-link note date" data-toggle="collapse" aria-expanded="false" aria-controls="reply-form" data-target="#reply-form">reply</button>
<div id="reply-form" class="collapse media">
     reply form html code ...
</div>

回复
回复表单html代码。。。

我想通过
回复按钮显示
回复表单
。单击“下一个答复”按钮不会隐藏答复表单，但会将焦点添加到某个答复表单元素上

是否有一些常用的方法可以通过使用引导3来实现这一点

谢谢。
处理显示的
折叠事件，以禁用（或隐藏、移除等）触发按钮

$('#collapseExample').on('shown.bs.collapse', function () {
    $('[data-toggle=collapse]').prop('disabled',true);
});


从HTML中删除
data toggle=“collapse”
单击显示折叠div（使用JS）

HTML:

是否有人也会显示代码，而不仅仅是一个问题。。！！！谢谢，这就是我想要的。
<button class="reply-link note date" aria-expanded="false" aria-controls="reply-form" data-target="#reply-form">reply</button>
<div id="reply-form" class="collapse media">
     reply form html code ...
</div>

$(".reply-link").click(function () {
  $('.media').collapse('show');
});