Как мне сделать iframe remove() для закрытия при нажатии на кнопку и появления iframe при нажатии на кнопку помогите пожалуйста!

HTML:

<button id="chrome" onclick="chrome()" style="float: left; border-color: blue; background-color: blue; ">Open</button> 
<button id="clsbut" onclick="closin()" style="position: absolute; left: 94%;">Close</button> 
<div id="window" class="window" style="position: fixed; top: 5%; left: 20%; height: 500px; background-color: grey; visibility: hidden;">
  <iframe style="position: relative; top: 5%; height: 500px; width: 900px; visibility: hidden;" src="https://www.searchencrypt.com/home" id="browserframe" class="browser">
  </iframe>
</div>

JavaScript:

var test = $('browser');
function closin() {
    event.preventDefault();
    test.remove();
};
function chrome() {
    event.preventDefault();
    if ($('body').find('.browser').length == 0) {
        $('body').append(test);
    }
}