请教一个css+div中的一个效果
我有两句话 假如是A 和B 同一个页面当中。当我点击A的时候 A的下面就会出现关于A的详细说明，当我点击B 的时候就在B 的下面出现关于B 的详细说明，这时候A的详细说明就没有了。请问这个特效怎么做，怎么写代码啊？ 谢谢！！ --------------------编程问答--------------------<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">--------------------编程问答-------------------- 层的显示和隐藏。 --------------------编程问答-------------------- 用到div的样式
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>无标题页</title>
<script type="text/javascript">
function GetContent(obj)
{
if(obj.id=="a")
{
if(document.getElementById("spanb"))
{
document.getElementById("spanb").style.display ="none";
}
if(!document.getElementById("spana"))
{
var span = document.createElement("span");
span.id = "spana"
span.innerHTML = "我是A";
document.getElementById("a").appendChild(span);
}
else
{
document.getElementById("spana").style.display = "";
}
}
if(obj.id=="b")
{
if(document.getElementById("spana"))
{
document.getElementById("spana").style.display ="none";
}
if(!document.getElementById("spanb"))
{
var span = document.createElement("span");
span.id = "spanb"
span.innerHTML = "我是B";
document.getElementById("b").appendChild(span);
}
else
{
document.getElementById("spanb").style.display = "";
}
}
}
</script>
</head>
<body>
<div id="a" style="float:left;width:100px;cursor:hand" onclick="javascript:GetContent(this)">
A<br />
</div>
<div id="b" style="float:left;width:100px;cursor:hand" onclick="javascript:GetContent(this)">
B<br />
</div>
</body>
</html>
div.style.display="none"和div.style.display="block";
补充：.NET技术 , ASP.NET
