<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>

<style>
#background_div {position:fixed; top:0; left:0;width:100%; height:100%; z-index:1; text-align:center;}

#container{ position: relative; }
#menu{ width: 958px; height: 0px; }
#allmenu{ display: none; width: 1024px; height: 225px; top: 157px; left:20px;position: absolute; z-index: 999999; }

.buttonContainer{ float: right; }
</style>


<a href="<?=$g4[path];?>/bbs/board.php?bo_table=age_2" class="allButton" >

이렇게 하면 마우스 클릭시 클래스가 호출 되는데 이것을 마우스를 올리면 클래스가 나오고 클릭하면 url로 이동시키고 싶습니다.

슬라이딩 메뉴가 내려오게 하는 것인데
마우스를 클릭해야만 클래스가 호출되고 url로 이동하지 못합니다.
문제를 해결할 방법은 없을까요 ?