3个回答
展开全部
//刚去写了个，其实还是可以实现的，但是没有别人的漂亮，楼主可以自己完善
//下面的<div >的id 可以用循环实现,我并没有写死，只是我没有循环的数据啊？只要楼主注意<div>的id 与JS上的一致就行了，这个方法是可以通用的
//你先试下，有问题追问，
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<script>
function openangclose(val){
document.getElementById(val).style.display="inline";
var divs=document.getElementsByTagName('div');
for(var i=0;i<divs.length;i++){
if(divs[i].id!=val){
document.getElementById(divs[i].id).style.display="none";
}
}
}
</script>
<BODY >
<table>
<tr onclick="openangclose('div1');">
<td>aaa<br/>
<div id="div1">bbbb</div>
</td>
</tr>
<tr onclick="openangclose('div2');">
<td>aaa<br/>
<div id="div2" style="display:none">bbbb</div>
</td>
</tr>
<tr onclick="openangclose('div3');">
<td>aaa<br/>
<div id="div3" style="display:none">bbbb</div>
</td>
</tr>
</table>
</BODY>
</HTML>
//下面的<div >的id 可以用循环实现,我并没有写死，只是我没有循环的数据啊？只要楼主注意<div>的id 与JS上的一致就行了，这个方法是可以通用的
//你先试下，有问题追问，
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<script>
function openangclose(val){
document.getElementById(val).style.display="inline";
var divs=document.getElementsByTagName('div');
for(var i=0;i<divs.length;i++){
if(divs[i].id!=val){
document.getElementById(divs[i].id).style.display="none";
}
}
}
</script>
<BODY >
<table>
<tr onclick="openangclose('div1');">
<td>aaa<br/>
<div id="div1">bbbb</div>
</td>
</tr>
<tr onclick="openangclose('div2');">
<td>aaa<br/>
<div id="div2" style="display:none">bbbb</div>
</td>
</tr>
<tr onclick="openangclose('div3');">
<td>aaa<br/>
<div id="div3" style="display:none">bbbb</div>
</td>
</tr>
</table>
</BODY>
</HTML>
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
给你说个思路吧。每一条都放在一个DIV里面，点击某条DIV时将它的style display设置为'block',同时循环遍历其他的DIV将它们的style display设置为'none'。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你找js手风琴效果代码
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
