单击按钮折叠面板-引导程序

Question

按下常规的自举按钮时如何使面板折叠？这是我的代码：

<div class="panel panel-primary" style="border-color: #464646;">
    <div class="panel-heading" style="border-color: #BBBBBB; height: 35px; padding-top: 3px;">
        <div style="float: left; margin-top: 5px;" data-toggle="collapse" href="#collapse1">Select Object</div>
    </div>
    <div id="collapse1" class="panel-collapse collapse">
        <div class="panel-body">
            <!--Object Buttons-->
            <button *ngFor="let object of objects" type="button" data-toggle="collapse" style="margin-right: 10px;" class="btn btn-primary" (click)="doThings();"</button>
        </div>
    </div>
</div>

panel-body单击时，将会折叠panel-heading，但是当单击“对象”按钮之一时，我希望使面板主体折叠。

Answer 1

您可以将相同data-target="#collapse1"的按钮应用于href。

href

<a data-toggle="collapse" href="#collapse1">Select Object</a>

纽扣

<button class="btn btn-danger" type="button" data-toggle="collapse" data-target="#collapse1">

另外，您的按钮没有关闭。缺少>将其关闭。

<button *ngFor="let object of objects" type="button" data-toggle="collapse" style="margin-right: 10px;" class="btn btn-primary" (click)="doThings();"

例：

<a data-toggle="collapse" href="#collapse1">Select Object</a>