默認情況下，我如何顯示這個可靠的面板？

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 
        $147.3 billion and has 301,000 employees. 
       </div> 
      </div> 

Answer 2

你使用jQuery這一點。使用onclick處理程序來上下滑動面板主體。

這裏是我的小提琴[點擊面板] [1]

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