search

B-3PO / angular-material-expansion-panel

Material Design Expansion Panels for Angular Material
MIT License
71 stars 25 forks source link

Auto-collapse when a different panel is opened #43

Open dekyfin opened 7 years ago

dekyfin commented 7 years ago

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 commented 7 years ago

+1

touficbatache commented 7 years ago

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

Voziv commented 6 years ago 
<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.