<!DOCTYPE HTML>
<html>
<head>
<title></title>
<meta name="" content="">
</head>
<style>
#child {
display:block;
}
</style>
<script type="text/javascript">
function hide(){
var iFrame = document.getElementById('child')
iFrame.style.display = 'none'
var iFrame1 = document.getElementById('child1')
iFrame1.style.display = 'none'
var iFrame2 = document.getElementById('child2')
iFrame2.style.display = 'none'
}
</script>
<body>
<input type="submit" onclick="hide()" />
<iframe id="parent" style="width:100%; height:100%; position:absolute; top:100px; left:0px;" src="https://my.mobiletool.ru/" onclick="hide()"></iframe>
<iframe id="child" style="width:51%; height:100%; position:absolute; top:100px; left:0px;" src="2.html" scrolling="no" frameborder="0"></iframe>
<iframe id="child1" style="width:100%; height:25%; position:absolute; top:480px; left:0px;" src="2.html" scrolling="no" frameborder="0"></iframe>
<iframe id="child2" style="width:100%; height:20%; position:absolute; top:300px; left:0px;" src="2.html" scrolling="no" frameborder="0"></iframe>
</body>
</html>