Menu icon Foundation
Motion-UI with Button Group and Multiple Panels

Hello,

I'm not sure if Motion-UI is intended to do this, so it may not be possible.

I have a button group of 5 buttons. When clicked, each button toggles a panel of information. That works fine.

I would like to add 2 things to this:

1, I would like to have one of the buttons/panels active by default, and

2, I want clicking a button to toggle close any other open panel before opening its own panel.

Motion-UI seems to be a single-button/single-action kind of thing. Can it do what I've outlined above?

 

 

motion-uibutton grouptogglemultiple

Hello,

I'm not sure if Motion-UI is intended to do this, so it may not be possible.

I have a button group of 5 buttons. When clicked, each button toggles a panel of information. That works fine.

I would like to add 2 things to this:

1, I would like to have one of the buttons/panels active by default, and

2, I want clicking a button to toggle close any other open panel before opening its own panel.

Motion-UI seems to be a single-button/single-action kind of thing. Can it do what I've outlined above?

 

 

Roy Hinkley over 3 years ago

UPDATE: I added  aria-expanded="true" style="display:block" to the default item. That fixes issue #1. Now I'm just trying to figure out how toggling another panel open will close an already opened panel.