javascript - 单击另一个按钮时是否可以隐藏 div？

Question

我试图在单击不同按钮时隐藏 div，但我不知道如何操作。 (因此，当单击“测试 1”时，它应该隐藏“测试 2”Div，反之亦然)我在此处和 Google 上进行了检查，但找不到答案。

Javascript:

function showHide(divId) {
    var theDiv = document.getElementById(divId);
    if (theDiv.style.display == "none") {
        theDiv.style.display = "";
    } else {
        theDiv.style.display = "none";
    }
}

HTML:

<input type="button" onclick="showHide('hidethis')" value="Test It"> 
<div id="hidethis" style="display:none">
<h1>TEST ME!</h1>>
</div>

<input type="button" onclick="showHide('hidethis2')" value="Test It 2"> 
<div id="hidethis2" style="display:none">
<h1>TEST MEEEEEEEEEEEEEEE 2!</h1>
</div>

JSFIDDLE:不在此处执行，而是在本地工作

http://jsfiddle.net/S5JzK/

Answer 1

<input type="button" onclick="showHide('hidethis')" value="Test It" /> 
<div id="hidethis" style="display:none">
<h1>TEST ME!</h1>
</div>

<input type="button" onclick="showHide('hidethis2')" value="Test It 2"> 
<div id="hidethis2" style="display:none">
<h1>TEST MEEEEEEEEEEEEEEE 2!</h1>
</div>


function showHide(divId) {
    $("#"+divId).toggle();
}

检查 fiddle http://jsfiddle.net/S5JzK/7/