Problema con collapse

[zreep]

Hola a todos estoy trarando de hacer un submenu utilizando collapse, es algo asi:

http://jsfiddle.net/kLx6e52e/

El problema es que cuando quiero agregar otra opsion se abren las dos juntas.

Código:

<div class="panel panel-default"> 
    <div class="panel-heading">
         <a  class="nodecoration panel-title lead" data-toggle="collapse" data-parent="#panel-814345" href="#panel-element-566205">Software Development</a>
         
         <a  class="nodecoration panel-title lead" data-toggle="collapse" data-parent="#panel-814345" href="#panel-element-566206">Software Development Second</a>
    </div>
    <div id="panel-element-566205" class="panel-collapse collapse">
        <div class="panel-body">
            We work for almost all web based application, database-driven systems, mapping and geo-spatial applications, and large content managed websites
        </div>
    </div>
    
    <div id="panel-element-566206" class="panel-collapse collapse">
        <div class="panel-body">
            Second - We work for almost all web based application, database-driven systems, mapping and geo-spatial applications, and large content managed websites
        </div>
    </div>
</div>
<br>

Código:

$(".panel-heading").hover(
 function() {
    $('.panel-collapse').collapse('show');
  }, function() {
    $('.panel-collapse').collapse('hide');
  }
);

Espero me ayuden