javascript - 隐藏和显示 div 只能运行一次

Question

我编写了一个简单的代码来显示和隐藏 div，但我不知道为什么它只能工作一次。当我显示和隐藏其他 div 时，当我想再次执行此操作时，它不起作用。这是代码(div 的内容并不重要)。在 css 中，我在两个 div 上设置了 display:none

function pokazMail(ID) {
    if (document.getElementById(ID).style.display != 'none') {
        if (document.getElementById('wizyta').style.display == 'block') {
            document.getElementById('wizyta').style.display = 'none';
            document.getElementById(ID).style.display = 'block';
        } else {
            document.getElementById(ID).style.display = 'block';
        }
    }
}

function pokazWizyta(ID) {
    if (document.getElementById(ID).style.display != 'none') {
        if (document.getElementById('mail').style.display == 'block') {
            document.getElementById('mail').style.display = 'none';
            document.getElementById(ID).style.display = 'block';
        } else {
            document.getElementById(ID).style.display = 'block';
        }
    }
}

#mail{display:none;}
#wizyta{display:none;}

<a class="btn btn-primary btn-lg" onclick="pokazMail('mail');">First.</a>
<a class="btn btn-primary btn-lg" onclick="pokazWizyta('wizyta');">Second.</a>
<div id="mail">dsjdhs </div>
<div id="wizyta">12313213</div>

这是:http://jsfiddle.net/Lcbm8m8m/

Answer 1

function pokazMail(IDtoShow,IDtoHide) {
document.getElementById(IDtoShow).style.display = 'block';
document.getElementById(IDtoHide).style.display = 'none';
}

#mail{display:none;}
#wizyta{display:none;}

<a class="btn btn-primary btn-lg" onclick="pokazMail('mail','wizyta');">First.</a>
<a class="btn btn-primary btn-lg" onclick="pokazMail('wizyta','mail');">Second.</a>
<div id="mail">dsjdhs </div>
<div id="wizyta">12313213</div>