Child/Parent frame communication

childFrame.html

<button onclick="parent.postMessage('close', '*');">Hide</button>

parentFrame.html

<!-- http://stackoverflow.com/questions/21931275/hiding-a-div-that-contains-an-iframe/21931547#21931547 -->
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>

<div id="myDiv">
	<iframe src="childFrame.html" id="frame1"></iframe>
</div>

<script>	
	window.onmessage = function(e) {
		if(e.data == "close") $("#myDiv").toggle();
	}
</script>