Demo of Opening and closing Child window from Parent using JQuery






JQuery Parent Window

<script>
$(document).ready(function() {
var newWin; // declaring global variable 
////////////////////////////
$("#b_open").click(function(){
newWin = window.open("window-child-open-close.php");
})
//////////////
$("#b_close").click(function(){
newWin.close(); 
})
///////
})
</script>

JQuery Child Window

<script>
$(document).ready(function() {
//////////////
$("#b2").click(function(){
self.close(); 
})
///////
})
</script>

HTML Parent Window

<button type='button' class='btn btn-success btn-lg ' id='b_open'>Open Child Window</button>
<button type='button' class='btn btn-danger btn-lg ' id='b_close'>Close Child Window</button>