Bootstrap面板打开然后快照关闭

时间:2018-02-01 11:59:05

标签: html css wordpress twitter-bootstrap bootstrap-4

我的引导程序面板在单击时打开,但立即关闭(而不是切换)。

在我再次点击它们之前,我怎样才能让它们保持打开状态?



<div class="panel-group" style="font-size: 14px;">
    <div class="panel panel-default">
        <div class="panel-heading" style="padding-bottom: 0;">
            <center><a href="#collapse2" data-toggle="collapse">Show data assumptions</a></center>
        </div>
        <div id="collapse2" class="panel-collapse collapse">
            <ul class="list-group">
                <li class="list-group-item">Yearly property increase - 7%</li>
                <li class="list-group-item">Property rental yield - 8%</li>
                <li class="list-group-item">Initial discount on property - 20%</li>
                <li class="list-group-item">Mortgage deposit - 25%</li>
                <li class="list-group-item">Mortgage interest rate - 4.5%</li>
                <li class="list-group-item">Equities holding fees - 0.85%</li>
                <li class="list-group-item">Yearly equities increase - 10.99%</li>
            </ul>
        </div>
    </div>
</div>


<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet"/>
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
&#13;
&#13;
&#13;

实例:https://www.moneynest.co.uk/property-vs-shares/(点击&#39;显示数据假设&#39;)。

我正在使用Bootstrap 4。

非常感谢,

萨姆

0 个答案:

没有答案