How to manage the toggle button click events, backgrounds

Question

Hi, I have started developing a simple UWP application and I'm new to XAML  and UWP.

I have two grids in my mainpage.xaml and two toggle buttons(named g1, g2) on top of the page, by default they both have false for the IsChecked attribute.

When I click on g1 it should highlight and shows the grid1 on the screen vise versa when I click on g2 it should highlight, displays the grid2 and hides the grid1.

Could you please tell me how to do this in xaml.

Any answers appreciated.

 

Thank you.