JAVASCRIPT+CSS实现隐藏显示的问题求助

以下代码用来实现这样一种效果，点击某一链接后将该链接对应的原本不显示的内容显示出来

基本思路应该没有错，但就是运行不出效果，请DX们指点，另外，还有更简洁的办法吗？在线等！！！

<style>
.box {color: #FFF;width:95%;margin:0 auto;padding:10px;order:1px solid #AFBDC6;color:#333333;background-color: #EEF3F6;clear:both;display:none;}
</style>

<Script>
function show(abc){
abc.style.display = abc.style.display == "none" ? "" : "none";
}
</Script>

<p><a href="javascript:show(ALIAS1);">单击此处会切换是否显示详细内容1</a></p>
<div class="box" id="ALIAS1">
<p>1、平时不显示的内容</p>
</div>

<p><a href="javascript:show(ALIAS2);">单击此处会切换是否显示详细内容2</a></p>
<div class="box" id="ALIAS2">
<p>2、平时不显示的内容</p>
</div>

<p><a href="javascript:show(ALIAS3);">单击此处会切换是否

css+javascript的问题 关于javascript 改变css javascript和css Dreamweaver.CSS.javascript asp.net 问题 css javascript JavaScript如何操作HTML元素,css,浏览器 如何用javascript调用外部css文件? css和javascript各有什么优势？ 如何把javascript事件放到css里面？？？？ 如果学会了Dreamweaver.CSS.javascript