Layered GUI design with DataTemplate

Question

Hi,

I want to design my GUI in layered approach.

 

I have a data template which is bound to business layer.

And I want to add some button on the border based one collection in business layer.

For eg: If I have 4 data in that collection, I would like to add 4 buttons in 4 border.

And when user press on this border, associated data with button object should be loaded in new control(ie also separate data template). If user again press on the button,  new control will be collapsed. And button style should also changed.

 

What will be the best appraoch for this requirement? 

 

Thanks in advance,