单击时显示div并在再次单击时隐藏它

Question

当我点击li时，我想隐藏并显示我的div。它显示了div但不隐藏它。

这是我的代码链接： 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和==。您也可以使用===。