Using Collapse

Collapse (bootstrap-collapse.js) doesn't work for me. I can close one (opened by default) item, but I can't open another item.

Code from page

!function( $ ){
	$(function () {			
			$(".collapse").collapse();
	});		
}( window.jQuery )

<div id="accordion2" class="accordion">
  <div class="accordion-group">
    <div class="accordion-heading">
      <a href="#collapseOne" data-parent="#accordion2" data-toggle="collapse" class="accordion-toggle">
        Collapsible Group Item #1
      </a>
    </div>
    <div class="accordion-body collapse" id="collapseOne" style="height: 0px;">
      <div class="accordion-inner">
        Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 
      </div>
    </div>
  </div>
  <div class="accordion-group">
    <div class="accordion-heading">
      <a href="#collapseTwo" data-parent="#accordion2" data-toggle="collapse" class="accordion-toggle">
        Collapsible Group Item #2
      </a>
    </div>
    <div class="accordion-body in collapse" id="collapseTwo" style="height: auto;">
      <div class="accordion-inner">
        Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 
      </div>
    </div>
  </div>
  <div class="accordion-group">
    <div class="accordion-heading">
      <a href="#collapseThree" data-parent="#accordion2" data-toggle="collapse" class="accordion-toggle">
        Collapsible Group Item #3
      </a>
    </div>
    <div class="accordion-body collapse" id="collapseThree" style="height: 0px;">
      <div class="accordion-inner">
        Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 
      </div>
    </div>
  </div>
</div>