我如何显示这个可折叠面板默认关闭？

Question

我正在尝试按照此处的示例进行操作

http://www.prepbootstrap.com/bootstrap-template/collapsepanels

如何显示面板默认关闭？

Answer 1

您必须像这样创建面板：

<div class="panel panel-default ">
                <div class="panel-heading ">
                    <h3 class="panel-title">Panel 1</h3>
                    <span class="pull-right clickable panel-collapsed"><i class="glyphicon glyphicon-chevron-down"></i></span>
                </div>
                <div class="panel-body collapse" style="display: none;">
                    Founded in 1892 and headquartered in Fairfield, CT, LexisNexis Corporate Affiliations 
                    is a technology and financial services company. 
                    The company offers products and services ranging from aircraft engines, power generation, 
                    water processing, and household appliances, among others. 
                    It operates in business segments including Energy Infrastructure, Aviation, Healthcare, 
                    Transportation, Home &amp; Business Solutions, and GE Capital. 
                    The company also provides medical imaging, business and consumer financing, 
                    and industrial products. 
                    It has presence in North America, Europe, Asia, South America, and Africa. 
                    According to the company's current 10K government filing it had FYE 12/31/2011 revenue of 
                    7.3 billion and has 301,000 employees.
                </div>
            </div>

Answer 2

您使用 jQuery 执行此操作。使用 onclick 处理程序向上滑动或向下滑动面板主体。

这是我的 fiddle [可点击面板][1]

  [1]: https://jsfiddle.net/q8L292sk/

我如何显示这个可折叠面板默认关闭？

How i can show this collasible panel close by default?

html

javascript

dom-events

twitter-bootstrap

twitter-bootstrap-3