bugfix> javascript > 投稿

私のコードは、完全なコードを教えてくれ、onclick show block working、onclick hide not working`私のコードは:

function ul() {
console.log('show');
document.getElementById("ul").style.display="block";

}

function closed(){
console.log('closing');
document.getElementById("ul").style.display="none";

}

私のHTMLコードは次のとおりです。

<div class="bar" onclick="ul()"><i  class="fas fa-bars"></i></div>
<div class="bar"i></ onclick="closed()"><i class="fas fa-times"></i></div>
<div id="ul"> contents to be toggled </div>

回答 1 件
  • close() which is native method of windows を使用しています 。あなたは not simply override that できます 。閉じるために関数名を変更する必要があります。

    ここで close() から変更しました   closed()

    function ul() {
    console.log('show');
        document.getElementById("ul").style.display="block";
    }
    function closed(){
    console.log('closing');
        document.getElementById("ul").style.display="none";
    }
    
    
    <button onclick="ul()"> Show ul </button>
    <button onclick="closed()"> Close ul </button>
    <p id="ul"> contents to be toggled </p>
    
    

あなたの答え