どのように私はこのcollallibleパネルをデフォルトで閉じることができますか？

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/