javascript - 使用相同的按钮隐藏和取消隐藏 div

Question

我正在使用取消隐藏隐藏的 div 的代码。

HTML:

<div id="unhide"  style="display:none;">DUMMY TEXT</div>

<button id="expand" name="expand">Show The Div</button>

JS:

document.getElementById("expand").addEventListener("click", function() 
{
    document.getElementById('unhide').style.display = "block";
});

如何让同一个按钮在再次单击后隐藏 div？是否可以更改我现在使用的代码？

Answer 1

使用切换来简单隐藏和取消隐藏div

$("#expand").click(function() {
    $("#unhide").toggle();
});