html 链接点击一下显示下拉内容(再点击一下自动收回),上一次点击内容自动收回,代码怎么写?谢谢!
就是点击第1个显示下拉内容,再点击第2个,第1个内容收回;就是只能点开看一个,其他都收回,原地点击链接如:第1个,可以点开收回,谢谢!<!DOCTYPEHTMLPUBLI...
就是点击第1个显示下拉内容,再点击第2个,第1个内容收回;就是只能点开看一个,其他都收回,原地点击链接如:第1个,可以点开收回,谢谢!
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<SCRIPT>
function isHidden(oDiv){
var vDiv = document.getElementById(oDiv);
vDiv.style.display = (vDiv.style.display == 'none')?'block':'none';
}
</SCRIPT>
</HEAD>
<BODY>
<tr><td colspan="2" height="15"align="left"class="STYLE6" ><a href= style="cursor:hand" style="text-decoration:none" onclick="isHidden('div1')">1.READ MORE</a> </td>
<div id="div1" class="zt" style="display:none">javascript + CSS</div></br>
<td colspan="2" height="15"align="left"class="STYLE6" ><a href=style="cursor:hand" style="text-decoration:none" onclick="isHidden('div2')">2.READ MORE</a> </td>
<div id="div2" class="zt" style="display:none"><strong>javascript + CSS</strong></div></br>
<td colspan="2" height="15"align="left"class="STYLE6" ><a href= style="cursor:hand" style="text-decoration:none" onclick="isHidden('div3')">3.READ MORE</a> </td>
<div id="div3" class="zt" style="display:none"><strong>javascript + CSS</strong></div></br>
<td colspan="2" height="15"align="left"class="STYLE6" ><a href=style="cursor:hand" style="text-decoration:none" onclick="isHidden('div4')">4.READ MORE</a> </td>
<div id="div4" class="zt" style="display:none">javascript + CSS</div></br> </BODY>
</HTML> 展开
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<SCRIPT>
function isHidden(oDiv){
var vDiv = document.getElementById(oDiv);
vDiv.style.display = (vDiv.style.display == 'none')?'block':'none';
}
</SCRIPT>
</HEAD>
<BODY>
<tr><td colspan="2" height="15"align="left"class="STYLE6" ><a href= style="cursor:hand" style="text-decoration:none" onclick="isHidden('div1')">1.READ MORE</a> </td>
<div id="div1" class="zt" style="display:none">javascript + CSS</div></br>
<td colspan="2" height="15"align="left"class="STYLE6" ><a href=style="cursor:hand" style="text-decoration:none" onclick="isHidden('div2')">2.READ MORE</a> </td>
<div id="div2" class="zt" style="display:none"><strong>javascript + CSS</strong></div></br>
<td colspan="2" height="15"align="left"class="STYLE6" ><a href= style="cursor:hand" style="text-decoration:none" onclick="isHidden('div3')">3.READ MORE</a> </td>
<div id="div3" class="zt" style="display:none"><strong>javascript + CSS</strong></div></br>
<td colspan="2" height="15"align="left"class="STYLE6" ><a href=style="cursor:hand" style="text-decoration:none" onclick="isHidden('div4')">4.READ MORE</a> </td>
<div id="div4" class="zt" style="display:none">javascript + CSS</div></br> </BODY>
</HTML> 展开
1个回答
展开全部
在isHidden函数中添加如下代码即可:
function isHidden(oDiv){
var vDiv = document.getElementById(oDiv);
vDiv.style.display = (vDiv.style.display == 'none')?'block':'none';
// add code
var allDiv = document.getElementsByTagName('div');
for (var i=0; i<allDiv.length; i++) {
if (vDiv != allDiv[i]) {
allDiv[i].style.display = 'none';
}
}
}
function isHidden(oDiv){
var vDiv = document.getElementById(oDiv);
vDiv.style.display = (vDiv.style.display == 'none')?'block':'none';
// add code
var allDiv = document.getElementsByTagName('div');
for (var i=0; i<allDiv.length; i++) {
if (vDiv != allDiv[i]) {
allDiv[i].style.display = 'none';
}
}
}
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询