JavaScript leaving white spaces

Hi All,

I have a Java-Script hiding 5 sub grids based on selection of a field. This is leaving white spaces when the code executes and sub-grid is hidden

function displaySubgrids() {

var AType = Xrm.Page.getAttribute("ad_type").getValue();

switch (AType) {

case 1 :

     Xrm.Page.getControl("Care").setVisible(true);

     Xrm.Page.getControl("Children").setVisible(false);

     Xrm.Page.getControl("imca").setVisible(false);

     break;

case 2 :

     Xrm.Page.getControl("Care").setVisible(false);

     Xrm.Page.getControl("Children").setVisible(true);

     Xrm.Page.getControl("imca").setVisible(false);

     break;

case 3 :

     Xrm.Page.getControl("Care").setVisible(false);

     Xrm.Page.getControl("Children").setVisible(false);

     Xrm.Page.getControl("imca").setVisible(true); 

     break;

default:

     Xrm.Page.getControl("Care").setVisible(false);

     Xrm.Page.getControl("Children").setVisible(false);

     Xrm.Page.getControl("imca").setVisible(false);

  }

}

The second problem is that the grids are loading with white spaces

Thanks,