Así te deberia funcionar.
Código:
<style type="text/css">
#apDiv1 {
position:absolute;
width:200px;
height:115px;
z-index:1;
}
</style>
</head>
<script type="text/javascript">
function toggleIfrm(id) {
if(document.getElementById(id).style.visibility=="hidden") {
document.getElementById(id).style.visibility="visible";
} else {
document.getElementById(id).style.visibility="hidden";
}
}
</script>
<body>
<form id="form1" name="form1" method="post" action="">
<div id="apDiv1" style="visibility:hidden">
<iframe src="http://google.com" id="ifr1" >
<p> </p>
<p> </p>
</iframe>
</div>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p>
<input type="button" name="button" id="button" value="Botón" onclick="toggleIfrm('apDiv1')" />
</p>
</form>