제이쿼리 소스인데요
링크 클릭하면 레이어가 내려왔다 클릭하면 올라가는 건데요

문제는 클릭하면 원래 제어하는 버튼이 가려지도록 수정해서
닫기버튼을 새로 추가했는데 똑같은 액션을 복사해서 줬는데 아무런 반응이 없네요 닫혀야 하는데

처음상태는 숨겨진 상태구요 버튼을 누르면 스르륵 내려옵니다
스르륵 내려온 레이어에 버튼을 추가해서 원래위치로 돌아가게 하는데 이 버튼을 어떻게 해야
원래 위치로 제어할수있을까요

아니면 #slider 영역을 벗어나면 지가 알아서 -180(처음)위치로돌아가도록 하던가 했으면 해서요

===============================================================================

<script type="text/javascript" src="jquery-1.2.6.min.js"></script>

<script type="text/javascript">
$(document).ready(function() {
$(".topMenuAction").click( function() {
if ($("#openCloseIdentifier").is(":hidden")) {
$("#slider").animate({
marginTop: "-180px"<=처음위치
}, 500 );
$("#topMenuImage").html('<img src="img/open.gif" alt="open" />');
$("#openCloseIdentifier").show();
} else {
$("#slider").animate({
marginTop: "0px"
}, 500 );
}
});
});
</script>


<div id="sliderWrap">
<div id="openCloseIdentifier"></div><div id="slider"><form name="fhead" method="post" onSubmit="return fhead_submit(this);" autocomplete="off" style="margin:0px;">

<table width="814" border="0" cellpadding="0" cellspacing="0" class="box" align="center">
<tr>
<td width="560" height="115"></td>
<td width="2"><img src="img/side_line.gif" width="2" height="130" /></td>
<td width="2"><img src="img/side_line.gif" width="2" height="130" /></td>
<td width="250">

//여기가 처음버튼 이거누름 내려오고 레이어에 가려짐//<div id="openCloseWrap">
<a href="#" class="topMenuAction" ><img src="img/close2.gif" alt="open" /></a>
</div></td>
</tr>
</table> </div></div>
<table width="974" border="0" align="center" cellpadding="0" cellspacing="0" id="login_nav">
<tr>
<td><ul>
<li class="line">
여기가 레이어위에 보여지는 버튼 이걸누르면 처음위치로 가야하는데 이게 안먹힘<a href="#" class="topMenuAction" ><img src="img/open.gif" alt="open" /></a>
</li>
<li class="line"><a href="#"><img src="img/join.gif" alt="join" /></a></li>
<li class="line"><img src="img/mypage.gif" alt="mypage" /></li>
<li><img src="img/center.gif" alt="center" /></li>
</ul></td>
</tr>
</table>


어떻게 해야 하나요
도와주세요