<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>拉动效果</title>
<style type="text/css">
.item{height:25px;line-height:25px;}
</style>
<script language="JavaScript">
<!--
function ColOrExpand(index)
{
if(typeof index=="number")
{
var o=document.getElementById("div"+index);
if(o)
{
if(o.style.display=="none")
{
//这部分的内容自己组织
o.innerHTML="<table width='500px' height='300px'><tr><td colspan='2'>标题</td></tr><tr><td>1</td><td>内容主题目1</td></tr><tr><td>2</td><td>内容主题目2</td></tr></table>";
for(var i=1;i<4;i++)
{
var div=document.getElementById("div"+i);
if(div)div.style.display="none";
}
o.style.display="";
}
}
}
}
//-->
</script>
</head>
<body>
<div>
<div class="item"><a href="javascript:ColOrExpand(1)">创新能力</a></div>
<div id="div1" style="display:none"></div>
<div class="item"><a href="javascript:ColOrExpand(2)">团队管理</a></div>
<div id="div2" style="display:none"></div>
<div class="item"><a href="javascript:ColOrExpand(3)">业务知识</a></div>
<div id="div3" style="display:none"></div>
</div>
</body>
</html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>拉动效果</title>
<style type="text/css">
.item{height:25px;line-height:25px;}
</style>
<script language="JavaScript">
<!--
function ColOrExpand(index)
{
if(typeof index=="number")
{
var o=document.getElementById("div"+index);
if(o)
{
if(o.style.display=="none")
{
//这部分的内容自己组织
o.innerHTML="<table width='500px' height='300px'><tr><td colspan='2'>标题</td></tr><tr><td>1</td><td>内容主题目1</td></tr><tr><td>2</td><td>内容主题目2</td></tr></table>";
for(var i=1;i<4;i++)
{
var div=document.getElementById("div"+i);
if(div)div.style.display="none";
}
o.style.display="";
}
}
}
}
//-->
</script>
</head>
<body>
<div>
<div class="item"><a href="javascript:ColOrExpand(1)">创新能力</a></div>
<div id="div1" style="display:none"></div>
<div class="item"><a href="javascript:ColOrExpand(2)">团队管理</a></div>
<div id="div2" style="display:none"></div>
<div class="item"><a href="javascript:ColOrExpand(3)">业务知识</a></div>
<div id="div3" style="display:none"></div>
</div>
</body>
</html>