I have a page that has 1 WebDialogBox with 7 WebGrids on it. The page also has 7 buttons. Depending on which button is clicked the WebDialogBox will be shown and the corrersponding grid will be set to visible using grid.Show() while the other 6 grids are hidden using grid.Hide() from the client side. This works correctly the first time the WebDialogBox is shown. However when you click on a different button, to agian show the WebDialogBox with a differrent grid, all grids that were previously shown are not being hidden.

I have attached a sample to illustrate the issue. PLease follow these steps to reproduce the issue:

1. Click the "Filter 1" button. The WebDialogBox will open and you will only see WebGrid1. This is the desired behaviour. Click OK or Cancel to close the WebDialogBox.

2. Click the "Filter 2" button. The WebDialogBox will open and you will now see WebGrid1 and WebGrid2 even though WebGrid1 has been set to Hide.

3. Repeat Step 2 for the remaining buttons and you will find that each time the previous grids that were visible are still visible when they should be hidden.

Can you please modify my sample to show how I can correctly hide all grids except for the one I want to show?