fixed: #29

README.md

@@ -226,3 +226,52 @@ vAccordion manages keyboard focus and adds some common aria-* attributes. BUT yo
 
 </v-accordion>
 ```
+
+```html
+<v-accordion multiple control="myAccordion" onexpand="expandCb(index, id)">
+ <v-pane id="myPane1">
+ <v-pane-header>
+ First pane header
+ </v-pane-header>
+
+ <v-pane-content>
+ First pane content
+ </v-pane-content>
+ </v-pane>
+
+ <v-pane id="myPane2">
+ <v-pane-header>
+ Second pane header
+ </v-pane-header>
+
+ <v-pane-content>
+ Second pane content
+
+ <v-accordion multiple control="mySubAccordion">
+ <v-pane id="mySubPane1">
+ <v-pane-header inactive>
+ First pane header
+ <button ng-click="$pane.toggle()">Toggle me</button>
+ </v-pane-header>
+
+ <v-pane-content>
+ First pane content
+ </v-pane-content>
+ </v-pane>
+ </v-accordion>
+ </v-pane-content>
+ </v-pane>
+</v-accordion>
+```
+
+```js
+myApp.controller('myAccordionController', function ($scope) {
+
+ $scope.expandCb = function (index, id) {
+ if (id === 'pane1') {
+ $scope.mySubAccordion.collapse('mySubPane1');
+ }
+ };
+
+});
+```

dist/v-accordion.css

@@ -1,6 +1,6 @@
 /**
  * vAccordion - AngularJS multi-level accordion component
- * @version v1.4.0
+ * @version v1.4.1
  * @link http://lukaszwatroba.github.io/v-accordion
  * @author Łukasz Wątroba <l@lukaszwatroba.com>
  * @license MIT License, http://www.opensource.org/licenses/MIT

dist/v-accordion.js

@@ -1,6 +1,6 @@
 /**
  * vAccordion - AngularJS multi-level accordion component
- * @version v1.4.0
+ * @version v1.4.1
  * @link http://lukaszwatroba.github.io/v-accordion
  * @author Łukasz Wątroba <l@lukaszwatroba.com>
  * @license MIT License, http://www.opensource.org/licenses/MIT
@@ -461,7 +461,7 @@ function vPaneDirective ($timeout, $animate, accordionConfig) {
  accordionCtrl.addPane(scope);
 
  function emitEvent (eventName) {
- eventName = (angular.isDefined(accordionId)) ? accordionId + ':' + eventName : 'vAccoridion:' + eventName;
+ eventName = (angular.isDefined(accordionId)) ? accordionId + ':' + eventName : 'vAccordion:' + eventName;
  scope.$emit(eventName);
  }
 

package.json

@@ -1,7 +1,7 @@
 {
  "name": "v-accordion",
  "description": "vAccordion - AngularJS multi-level accordion component",
- "version": "1.4.0",
+ "version": "1.4.1",
  "author": "Łukasz Wątroba <l@lukaszwatroba.com>",
  "license": "MIT",
  "keywords": [

src/vAccordion/directives/v-pane.js

@@ -61,7 +61,7 @@ function vPaneDirective ($timeout, $animate, accordionConfig) {
  accordionCtrl.addPane(scope);
 
  function emitEvent (eventName) {
- eventName = (angular.isDefined(accordionId)) ? accordionId + ':' + eventName : 'vAccoridion:' + eventName;
+ eventName = (angular.isDefined(accordionId)) ? accordionId + ':' + eventName : 'vAccordion:' + eventName;
  scope.$emit(eventName);
  }