单击时显示 div，再次单击时隐藏

Question

我想在点击 li 时隐藏和显示我的 div。它显示 div 但不隐藏它。

这是我的 link 代码： this is my code

html

<ul>
    <li onclick="change(0)">itime1</li>
    <div id="li0">Eshow this</div> 
    <a href="#" onclick="change(1)"><li>item2</li></a>
    <div id="li1">show this</div>
</ul>

css

#li0 {
    display:none;
}
#li1 {
    display:none;}

javascript

function change(id) {
    var e = document.getElementById('li' + id);
    if (id === 0 || id === 1) {
        if (e.display = "none"){ 
            e.style.display="block";
        }
        else{
            e.style.display="none";
        }
    }
}
}

Answer 1

转换此

if (e.display = "none")

到这个

if (e.style.display == "none")

您需要 .style 和 ==。您也可以使用 ===.

单击时显示 div，再次单击时隐藏

show div when click and hide it when you click again

javascript

if-statement

onclick