<!-- accordion-1 -->
  <div class="accordion-1" id="accordion" >
  <!-- 1 -->
  <div class="panel">
  <div class="accordion-title">
  <a data-toggle="collapse" data-parent="#accordion" href="#accor-content-1" >
  Toggles title ...
  </a>
  </div>
  <div id="accor-content-1" class="panel-collapse collapse in" >
  <div class="accor-content">
  There are many variations of passages of Lorem Ipsum available, but the majority have suffered If you are going to use a passage Lorem Ipsum, you alteration in some form.
  </div>
  </div>
  </div>
  <!-- 2 -->
  <div class="panel">
  <div class="accordion-title">
  <a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#accor-content-2" >
  Toggles title ...
  </a>
  </div>
  <div id="accor-content-2" class="panel-collapse collapse" >
  <div class="accor-content">
  There are many variations of passages of Lorem Ipsum available, but the majority have suffered If you are going to use a passage Lorem Ipsum, you alteration in some form.
  </div>
  </div>
  </div>
  <!-- 3 -->
  <div class="panel">
  <div class="accordion-title">
  <a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#accor-content-3" >
  Toggles title ...
  </a>
  </div>
  <div id="accor-content-3" class="panel-collapse collapse" >
  <div class="accor-content">
  There are many variations of passages of Lorem Ipsum available, but the majority have suffered If you are going to use a passage Lorem Ipsum, you alteration in some form.
  </div>
  </div>
  </div>
  <!-- -->
  </div>

  /* accordion-1 */
  .elements-accordions .panel {
  border: none;
  border-radius: 0;
  box-shadow: none;
  }
  .elements-accordions .accordion-1 .panel {
  border: none;
  border-radius: 0;
  box-shadow: none;
  }
  .accordion-title {}
  .elements-accordions .accordion-title a {
  background: #f6f6f6 none repeat scroll 0 0;
  border: 1px solid #f6f6f6;
  display: block;
  font-size: 16px;
  padding: 10px 60px 10px 20px;
  position: relative;
  }
  .elements-accordions .accordion-title a.collapsed {
  background: #f6f6f6 none repeat scroll 0 0;
  color: #666;
  }
  .elements-accordions .accordion-title a::before {
  color: #ccc;
  content: "\f2f8";
  font-family: material-design-iconic-font;
  font-size: 25px;
  position: absolute;
  right: 30px;
  text-align: center;
  }
  .elements-accordions .accordion-title a.collapsed:before {
  content: "\f2f2";
  color: #ccc;
  }
  .elements-accordions .accor-content {
  padding: 15px 20px;
  border: 1px solid #F6F6F6;
  border-top: 0;
  }

  <div class="accordion-2" id="accordion2" >
  <!-- 1 -->
  <div class="panel">
  <div class="accordion-title">
  <a data-toggle="collapse" href="#accor-content-20" >
  Toggles title ...
  </a>
  </div>
  <div id="accor-content-20" class="panel-collapse collapse in" >
  <div class="accor-content">
  There are many variations of passages of Lorem Ipsum available, but the majority have suffered If you are going to use a passage Lorem Ipsum, you alteration in some form.
  </div>
  </div>
  </div>
  <!-- 2 -->
  <div class="panel">
  <div class="accordion-title">
  <a class="collapsed" data-toggle="collapse" href="#accor-content-21" >
  Toggles title ...
  </a>
  </div>
  <div id="accor-content-21" class="panel-collapse collapse" >
  <div class="accor-content">
  There are many variations of passages of Lorem Ipsum available, but the majority have suffered If you are going to use a passage Lorem Ipsum, you alteration in some form.
  </div>
  </div>
  </div>
  <!-- 3 -->
  <div class="panel">
  <div class="accordion-title">
  <a class="collapsed" data-toggle="collapse" href="#accor-content-22" >
  Toggles title ...
  </a>
  </div>
  <div id="accor-content-22" class="panel-collapse collapse" >
  <div class="accor-content">
  There are many variations of passages of Lorem Ipsum available, but the majority have suffered If you are going to use a passage Lorem Ipsum, you alteration in some form.
  </div>
  </div>
  </div>
  </div>

  /* accordion-1 */
  .elements-accordions .panel {
  border: none;
  border-radius: 0;
  box-shadow: none;
  }
  .elements-accordions .accordion-1 .panel {
  border: none;
  border-radius: 0;
  box-shadow: none;
  }
  .accordion-title {}
  .elements-accordions .accordion-title a {
  background: #f6f6f6 none repeat scroll 0 0;
  border: 1px solid #f6f6f6;
  display: block;
  font-size: 16px;
  padding: 10px 60px 10px 20px;
  position: relative;
  }
  .elements-accordions .accordion-title a.collapsed {
  background: #f6f6f6 none repeat scroll 0 0;
  color: #666;
  }
  .elements-accordions .accordion-title a::before {
  color: #ccc;
  content: "\f2f8";
  font-family: material-design-iconic-font;
  font-size: 25px;
  position: absolute;
  right: 30px;
  text-align: center;
  }
  .elements-accordions .accordion-title a.collapsed:before {
  content: "\f2f2";
  color: #ccc;
  }
  .elements-accordions .accor-content {
  padding: 15px 20px;
  border: 1px solid #F6F6F6;
  border-top: 0;
  }