Javascript 带按钮的引导面板-折叠问题

这是我的密码：

<div class="panel panel-default">
    <div class="panel-heading clearfix" role="tab" id="heading-details" data-toggle="collapse" data-target="#details" data-parent="#panel-group" href="#details">
       <h4 class="panel-title pull-left">My panel title</h4>

       <a class="btn btn-primary btn-sm pull-right" asp-action="Action">
            <span class="glyphicon glyphicon-pencil"></span>
        </a>
    </div>
    <div id="details" class="panel-collapse collapse" role="tabpanel">
        <div class="panel-body">
            @Html.Partial("_DetailsPartial", Model)                
        </div>
    </div>
</div>

我的小组标题
@Html.Partial（“_detailsparial”，Model）

问题：

当我点击按钮链接时，面板主体展开/折叠。我不想在点击按钮时切换面板主体

如何关闭按钮上的数据切换

提前感谢

   <div class="panel-body">
        @Html.Partial("_DetailsPartial", Model)                
    </div>

@Html.Partial（“_detailsparial”，Model）

删除这段代码

@Html.Partial（“_detailsparial”，Model）

---

删除这段代码

以下是我所做的：

• 在按钮中添加了类“禁用折叠”
• 在下面添加了脚本

$（'.disable collapse'）。单击（函数（e）
{event.stopPropagation（）；}）

以下是我所做的：

• 在按钮中添加了类“禁用折叠”
• 在下面添加了脚本

$（'.disable collapse'）。单击（函数（e）
{event.stopPropagation（）；}）

为什么不从内部删除

数据toggle=“collapse”

 <div class="panel-heading clearfix" role="tab" id="heading-details" data-toggle="collapse" data-target="#details" data-parent="#panel-group" href="#details">

Jquery代码

---

为什么不从内部删除

data toggle=“collapse”

 <div class="panel-heading clearfix" role="tab" id="heading-details" data-toggle="collapse" data-target="#details" data-parent="#panel-group" href="#details">

Jquery代码

---

但我希望我的面板主体展开/折叠。我需要在按下按钮链接时将其关闭。但我希望面板主体展开/折叠。我需要在按下按钮链接时将其关闭。但我需要启动按钮点击功能。它是禁用的吗？但我需要启动按钮点击功能。它是禁用的吗？？

$(document).on('click', '#btn', function(e){
e.stopPropagation();  
});