CODEWITHSUNDEEP
javascripttwitter-bootstraptwitter-bootstrap-3
Anton Abramov
Anton Abramov

Reputation: 2331

Bootstrap 3 collapse panel programmatically

i've got a question. Is there any way to collapse and switch back bootstrap panel programmatically. 

<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>

I need to collapse it or expand with some handler.

Upvotes: 1

Views: 2987

Answers (1)

Joe Mike
Joe Mike

Reputation: 1170

Try this:

<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

Upvotes: 2

Related Questions