折叠

		
<div class="panel-group" id="accordion">
  <div class="panel single-accordion">
    <a href="#accordion-1" data-parent="#accordion" data-toggle="collapse" class="accordion-head">accordion title</a>
      <div class="collapse in" id="accordion-1">
        <div class="accordion-body fix">
          <p>Tattooed Cosby sweater whatever semiotics, Godard Portland VHS viral sustainable bespoke vinyl roof party. Shabby chic selfies pickled Tumblr letterpress iPhone. Wolf vegan retro selvage literally Wes Anderson ethical four loko. Meggings blog chambray tofu pour-over. Pour-over Tumblr keffiyeh, cornhole whatever cardigan Tonx lomo.</p>
        </div>
      </div>
    </div>
  <div class="panel single-accordion">
    <a href="#accordion-2" data-parent="#accordion" data-toggle="collapse" class="accordion-head">accordion title</a>
      <div class="collapse in" id="accordion-2">
        <div class="accordion-body fix">
          <p>Tattooed Cosby sweater whatever semiotics, Godard Portland VHS viral sustainable bespoke vinyl roof party. Shabby chic selfies pickled Tumblr letterpress iPhone. Wolf vegan retro selvage literally Wes Anderson ethical four loko. Meggings blog chambray tofu pour-over. Pour-over Tumblr keffiyeh, cornhole whatever cardigan Tonx lomo.</p>
        </div>
      </div>
    </div>
  <div class="panel single-accordion">
    <a href="#accordion-3" data-parent="#accordion" data-toggle="collapse" class="accordion-head">accordion title</a>
      <div class="collapse in" id="accordion-3">
        <div class="accordion-body fix">
          <p>Tattooed Cosby sweater whatever semiotics, Godard Portland VHS viral sustainable bespoke vinyl roof party. Shabby chic selfies pickled Tumblr letterpress iPhone. Wolf vegan retro selvage literally Wes Anderson ethical four loko. Meggings blog chambray tofu pour-over. Pour-over Tumblr keffiyeh, cornhole whatever cardigan Tonx lomo.</p>
        </div>
      </div>
    </div>
</div>
		
	

		
.panel-group {
  margin: 0;
}
.panel-group .single-accordion {
  background: rgba(0, 0, 0, 0) none repeat scroll center top;
  border: medium none;
  border-radius: 0;
  box-shadow: none;
  margin-bottom: 30px;
  margin-top: 0 !important;
}
.panel-group .single-accordion:last-child {
  margin-bottom: 0;
}
.accordion-head {
  background: #303030 url("img/icon/accordion-up.png") no-repeat scroll right center;
  color: #fff;
  display: block;
  font-size: 14px;
  font-weight: 700;
  height: 42px;
  line-height: 44px;
  padding: 0 12px 0 28px;
  position: relative;
  text-transform: uppercase;
  width: 100%;
}
.accordion-head.collapsed {
  background: #303030 url("img/icon/accordion-down.png") no-repeat scroll right center;
}
.accordion-head:hover, .accordion-head:focus {
  color: #fff;
}
.accordion-body {
  padding: 30px;
}