html显示隐藏。点a隐藏a显示b，点b隐藏b显示a，就是a、b互换。一组已经实现，如何实现多组？
一组实现显示隐藏如下：<html><head><title>HTML元素的显示与隐藏控制</title><scripttype="text/javascript">fun...
一组实现显示隐藏如下：
<html>
<head>
<title>HTML元素的显示与隐藏控制</title>
<script type="text/javascript">
function showAndHidden1(){
var div1=document.getElementById("div1");
var div2=document.getElementById("div2");
if(div1.style.display=="block") div1.style.display="none";
else div1.style.display="block";
if(div2.style.display=="block") div2.style.display="none";
else div2.style.display="block";
}
</script>
</head>
<body>
<div id="div1" onclick="showAndHidden1();" style="display:block;">DIV 1</div>
<div id="div2" onclick="showAndHidden1();" style="display:none;">DIV 2</div>
</body>
</html>
想实现DIV1和DIV2，DIV3和DIV4，DIV5和DIV6，。。。互换隐藏显示如何修改。 展开
<html>
<head>
<title>HTML元素的显示与隐藏控制</title>
<script type="text/javascript">
function showAndHidden1(){
var div1=document.getElementById("div1");
var div2=document.getElementById("div2");
if(div1.style.display=="block") div1.style.display="none";
else div1.style.display="block";
if(div2.style.display=="block") div2.style.display="none";
else div2.style.display="block";
}
</script>
</head>
<body>
<div id="div1" onclick="showAndHidden1();" style="display:block;">DIV 1</div>
<div id="div2" onclick="showAndHidden1();" style="display:none;">DIV 2</div>
</body>
</html>
想实现DIV1和DIV2，DIV3和DIV4，DIV5和DIV6，。。。互换隐藏显示如何修改。 展开
1个回答
展开全部
<html>
<head>
<title>HTML元素的显示与隐藏控制</title>
<script type="text/javascript">
function showAndHidden1(id1,id2){
var div1=document.getElementById("div"+id1);
var div2=document.getElementById("div"+id2);
if(div1.style.display=="block"){
div1.style.display="none";
div2.style.display="block"
}else{
div1.style.display="block";
div2.style.display="none";
}
}
</script>
</head>
<body>
<div id="div1" onclick="showAndHidden1(1,2);" style="display:block;">DIV 1</div>
<div id="div2" onclick="showAndHidden1(2,1);" style="display:none;">DIV 2</div>
<div id="div3" onclick="showAndHidden1(3,4);" style="display:block;">DIV 3</div>
<div id="div4" onclick="showAndHidden1(4,3);" style="display:none;">DIV 4</div>
<div id="div5" onclick="showAndHidden1(5,6);" style="display:block;">DIV 5</div>
<div id="div6" onclick="showAndHidden1(6,5);" style="display:none;">DIV 6</div>
<div id="div7" onclick="showAndHidden1(7,8);" style="display:block;">DIV 7</div>
<div id="div8" onclick="showAndHidden1(8,7);" style="display:none;">DIV 8</div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
