Auto-collapse when a different panel is opened

[dekyfin]

This is a feature request rather than a bug. It would be great if a panel will automatically collapsed when another panel is opened.

[touficbatache]

+1

[touficbatache]

@dekyfin If you know a little JS, it's pretty easy to implement.

[Voziv]

<md-expansion-panel-group md-component-id="panelGroup">
  <md-expansion-panel md-component-id="panelOne">
    <md-expansion-panel-collapsed></md-expansion-panel-collapsed>
    <md-expansion-panel-expanded>
      <md-expansion-panel-header></md-expansion-panel-header>
      <md-expansion-panel-content></md-expansion-panel-content>
      <md-expansion-panel-footer></md-expansion-panel-footer>
    </md-expansion-panel-expanded>
  </md-expansion-panel>

  <md-expansion-panel md-component-id="panelTwo">
    <md-expansion-panel-collapsed></md-expansion-panel-collapsed>
    <md-expansion-panel-expanded>
      <md-expansion-panel-header></md-expansion-panel-header>
      <md-expansion-panel-content></md-expansion-panel-content>
      <md-expansion-panel-footer></md-expansion-panel-footer>
    </md-expansion-panel-expanded>
  </md-expansion-panel>
</md-expansion-panel-group>

This markup seems to do exactly that. Not sure if this is a recent addition as I just started using angular-material-expansion-panel today.