javascript - 配列チェックボックスは新しいdivを表示します

Question

人がチェックボックスをオンにすると新しいdivが表示されるため、JavaScriptコードにいくつかの問題がありますが、別のチェックボックスをオンにするとdivが消えるはずですが、ここに私のコードがあります:

<script type="text/javascript">
    var checkDisplay = function(check, form) { //check ID, form ID
        form = document.getElementById(form), check = document.getElementById(check);
        check.onclick = function(){
            form.style.display = (this.checked) ? "block" : "none";
            form.reset();
        };
        check.onclick();
    };
</script> 

そして、これは HTML のブロックです:

<div id="Opciones">
        <p style="display: inline-block;">Efectivo</p>&nbsp;&nbsp;<input type="checkbox" value="1" id="efe" name="check"/>
        <p style="display: inline-block;">Deposito</p>&nbsp;&nbsp;<input type="checkbox" value="2" id="depo" name="check"/>
    </div>

    <div id="deposi">
        <div class="row">
             <input type="checkbox"/>
        </div>
    </div>
<script type="text/javascript">
    checkDisplay("depo", "deposi");
</script>

チェックボックスの1つだけをマークする必要があります。デポチェックボックスがチェックされている場合は、新しい入力と別のもので新しいdivを開きますが、チェックされたefeチェックボックスの場合、前に表示されたdivは消えるはずです。フォームですが、別のフォームの下にある場合は消えます。

divを表示すると問題が発生し、他のチェックボックスを選択するとフォームが消えません

お願いします... このコードについて助けが必要です... 別のコードがあれば!