.mdl-layout__content needs to recalulate it's hieght for AJAX

Issue:
I have two cards which I have to hide one at the start, and if the user choose to enter their details manually then it should get rid of the current box, and display:block the next one - Now this part works fine.

However due to the fact the second box is much bigger for some reason mdl does show the full box. It is strange it is not keep the orginal size since I am using window.onload to make the card div hidden.

Here is my JS
```

window.onload = function (){
hidestuff("entermanually");
} //SHOW AND HIDE DATA FROM USERS
function showstuff(boxid){
document.getElementById(boxid).style.display="block";

}

function hidestuff(boxid){
document.getElementById(boxid).style.display="none";
}
function manuallyenterdata(){
hidestuff("RAU");
hidestuff("fb");
showstuff("entermanually");

}

```
HTML
```
//FIRST DIV

//Second DIV for manual entry.