我试图在单击不同按钮时隐藏 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/最佳答案
<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/
关于javascript - 单击另一个按钮时是否可以隐藏 div?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23654282/