javascript - 如何通过单击按钮切换 div 的可见性

Question

下面是我的 javascript 代码，当我点击一个 button 时，我用来显示一个 div。

如何在再次点击时隐藏它？然后点击它，div 应该再次可见？

<script type="text/javascript">
var _hidediv = null;
function showdiv(id) {
    if(_hidediv)
        _hidediv();
    var div = document.getElementById(id);
    div.style.display = 'block';
    _hidediv = function () { div.style.display = 'none'; };
}
</script>

Answer 1

要在 block 和 none 之间切换显示样式，您可以这样做:

function toggleDiv(id) {
    var div = document.getElementById(id);
    div.style.display = div.style.display == "none" ? "block" : "none";
}

工作演示:http://jsfiddle.net/BQUyT/2/