Twitter bootstrap 以编程方式启动3折叠面板

我有个问题。 是否有任何方法可以通过编程方式折叠并切换回引导面板

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

...
....

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

尝试以下操作：

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

...
....
点击我

---

这不是我的事。我需要折叠或展开取决于其他输入值。例如，如果为1-折叠，则为0-展开