'bootstrap collapse collapses when clicking on calendar icon

I have a bootstrap panel-collapse as follows

<div class="panel-heading">
                            Business/Financial Information <a data-toggle="collapse" href="#BusFinInfo"><span class="glyphicon glyphicon-collapse-down"></span></a>
                        </div>
<div id="BusFinInfo" class="panel-collapse collapse">

and an ajax calendar extender as follows

<div class="input-group">
                                                <asp:TextBox ID='txtTermNotifctnDate' runat='server' CssClass='form-control'></asp:TextBox>
                                                <span class="input-group-addon" id="inputCalenderTermNotifctnDate">
                                                    <asp:LinkButton ID="lnkBtnTermNotifctnDate" runat="server"><i class="icon-Calendar"></i></asp:LinkButton>
                                                </span>
                                                <ajaxtoolkit:CalendarExtender ID="ceTermNotifctnDate" runat="server" TargetControlID="txtTermNotifctnDate"
                                                    PopupButtonID="lnkBtnExecutionDate" PopupPosition="BottomLeft" Format="MM/dd/yyyy"></ajaxtoolkit:CalendarExtender>
                                            </div>

The problem is that when I click on the calendar control, the panel collapses.

Solution 1:^[1]

Simple mistake that I overlooked. PopupButtonID was wrong and didn't match the link button.

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution	Source
Solution 1	TheOriginalCole

'bootstrap collapse collapses when clicking on calendar icon

Solution 1:[1]

Sources

Related Questions

Solution 1:^[1]