AngularJS e le direttive - pt2: accordion

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.4/angular.min.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<div ng-controller="AppCtrl as ctrl">
    
    <h3>Collapsable panel</h3>
    <xyz-panel item="ctrl.myStaticPanel1"></xyz-panel>
    
    <hr>
        
    <h3>Accordion</h3>
    <xyz-accordion data="ctrl.panels">
      <xyz-panel item="p" ng-repeat="p in ctrl.panels"></xyz-panel>
    </xyz-accordion>
</div>


<!-- xyzPanel directive template -->
<script type="text/ng-template" id="templates/panel.tpl.html">
  <div class="panel panel-default" >
    <div class="panel-heading" ng-click="toggle(); ">{{item.title}} </div>
    <div class="panel-body" ng-show="item.opened">{{item.content}}</div>
  </div>
</script>

JavaScript

var app = angular.module('myApp', [])

// Main controller
.controller('AppCtrl', function(){
	this.myStaticPanel1 = {title: 'Panel 1', content: 'body'};
	
	this.panels = [
		{title: 'Jorge Lorenzo', content: "Inizia la sua carriera mondiale nel 2002 ..."},
		{title: 'Marc Marchez', content: "È il talento piú straodinario del panorama ..."},
		{title: 'Marc Marchez', content: "È il talento piú straodinario del panorama ..."},
		{title: 'Marc Marchez', content: "È il talento piú straodinario del panorama ..."},
		{title: 'Marc Marchez', content: "È il talento piú straodinario del panorama ..."},
		{title: 'Marc Marchez', content: "È il talento piú straodinario del panorama ..."},
		{title: 'Marc Marchez', content: "È il talento piú straodinario del panorama ..."},
		{title: 'Marc Marchez', content: "È il talento piú straodinario del panorama ..."},
		{title: 'Marc Marchez', content: "È il talento piú straodinario del panorama ..."},
		{title: 'Marc Marchez', content: "È il talento piú straodinario del panorama ..."},
		{title: 'Marc Marchez', content: "È il talento piú straodinario del panorama ..."},
		{title: 'Marc Marchez', content: "È il talento piú straodinario del panorama ..."},
		{title: 'Marc Marchez', content: "È il talento piú straodinario del panorama ..."},
		{title: 'Marc Marchez', content: "È il talento piú straodinario del panorama ..."},
		{title: 'Marc Marchez', content: "È il talento piú straodinario del panorama ..."},
		{title: 'Marc Marchez', content: "È il talento piú straodinario del panorama ..."},
		{title: 'Marc Marchez', content: "È il talento piú straodinario del panorama ..."},
		{title: 'Marc Marchez', content: "È il talento piú straodinario del panorama ..."},
		{title: 'Marc Marchez', content: "È il talento piú straodinario del panorama ..."},
		{title: 'Marc Marchez', content: "È il talento piú straodinario del panorama ..."},
		{title: 'Marc Marchez', content: "È il talento piú straodinario del panorama ..."},
		{title: 'Marc...