【问题标题】:Bootstrap 3 collapse panel programmaticallyBootstrap 3 以编程方式折叠面板
【发布时间】:2014-10-25 13:50:12
【问题描述】:

我有一个问题。 有没有办法以编程方式折叠和切换回引导面板。

<div class="panel panel-default panel-primary">
    <div class="panel-heading">
                ...
        <div class="pull-right">
            <div class="btn-group">
                <button type="button" class="btn btn-info btn-xs" data-toggle="collapse" data-target="#to">
                    <i class="fa fa-chevron-down fa-fw"></i>
                </button>
            </div>
        </div>
    </div>
    <div id="to" class="panel-body collapse">....</div>
</div>

我需要折叠它或使用一些处理程序展开。

【问题讨论】:

    标签: twitter-bootstrap twitter-bootstrap-3 collapse


    【解决方案1】:

    试试这个:

    <div class="panel panel-default panel-primary">
        <div class="panel-heading">
                    ...
            <div class="pull-right">
                <div class="btn-group">
    
                </div>
            </div>
        </div>
        <div id="to" class="panel-body collapse">....</div>
    </div>
    
    
            <button type="button" class="btn btn-info btn-xs" data-toggle="collapse" data-target="#to">
                        <i class="fa fa-chevron-down fa-fw"></i> Click me
                    </button>
    

    DEMO

    【讨论】:

    • 这不是我的情况。我需要折叠或展开取决于其他输入值。例如,如果它是 1 - 折叠,0 - 展开
    猜你喜欢
    • 2013-10-10
    • 2016-02-28
    • 1970-01-01
    • 2014-08-23
    • 1970-01-01
    • 2022-12-09
    • 1970-01-01
    • 2013-07-15
    相关资源
    最近更新 更多