Question

javascript中函数赋值如何调用?jquery弹出层代码求解

打个比方,定义了show函数，此函数公共调用一段代码，然后通过不同的id调用show函数，达到点击后弹出层效果
<script type="text/javascript" src="jquery-1.9.0.min.js"></script>
<script type="text/javascript">
function show(n)
{
$('.lightBox').css({
"width":"400px",
"height":"180px"
});
$("#lightBox").css("display", "block");
$(".lightBox_wrap").css("display", "block");
$('.lightBox_wrap').css({
"width":$('.lightBox').width(),
"height":$('.lightBox').height(),
"top": $(document).scrollTop()+$(window).height()/2-$('.lightBox_wrap').height()/2,
"left":($(window).width()-$('.lightBox').width())/2
});
}
//关闭弹出层
function xxx(){
$("#lightBox").css("display", "none");
$(".lightBox_wrap").css("display", "none");
//$("select").css("visibility","visible");
}
</script>

页面调用使用点击的方法
<a href="javascript:show(1);">点击显示</a>
<a href="javascript:show(2);">点击显示</a>
<a href="javascript:show(3);">点击显示</a>

<div style="display:none; width: 400px; height: 180px;" class="lightBox_wrap" id="1">
这里是ID=1的内容,aaabbbb...</div>
<div style="display:none; width: 400px; height: 180px;" class="lightBox_wrap" id="2">
这里是ID=2的内容,yyyy...</div>
<div style="display:none; width: 400px; height: 180px;" class="lightBox_wrap" id="3">
这里是ID=3的内容，xxxx....</div>

大概就是我点击 show(1)就显示 div id=1里面的内容 ，点击show(2)，就显示div id=2里面的内容，如何写函数的格式，show函数我在网上找到了，如何调用却不对，点击后全部显示的是 show(3) 的内容，请问如何写代码增加ID获取对应div的内容。

Answer 1

function show(n)
{
$('.lightBox').css({
"width":"400px",
"height":"180px"
});

$("#lightBox").css("display", "block"); //这个不知道是干嘛的，如果没用就删掉吧。
//$(".lightBox_wrap").css("display", "block"); //把这句去掉

$('#'+n).css({
"display":"block"; //这里加一句
"width":$('.lightBox').width(),
"height":$('.lightBox').height(),
"top": $(document).scrollTop()+$(window).height()/2-$('.lightBox_wrap').height()/2,
"left":($(window).width()-$('.lightBox').width())/2
});
}