메뉴를 클릭 했을때 레이어가 열리고, 클릭했던 메뉴가 다른 이미지로 바뀌게 하려면?

<script> $(document).ready(function(){ //DOM이 준비되고  $('#toggleButton').click(function(){ // ID가 toggleButton인 요소를 클릭하면   var state = $('#moreMenu').css('display'); // state 변수에 ID가 moreMenu인 요소의 display의 속성을 '대입'   if(state == 'none'){ // state가 none 상태일경우     $('#moreMenu').show(); // ID가 moreMenu인 요소를 show();   }else{    $('#moreMenu').hide(); // ID가 moreMenu인 요소를 hide();      }  }); }); $(document).ready(function(){ //DOM이 준비되고  $('#toggleButton2').click(function(){ // #toggleButton2를 클릭하면   $('#moreMenu2').toggle(); // #moreMenu2를 알아서 토.글!  }); });</script>

<style>#moreMenu{display:none; position:absolute; width:238px; height:30px; margin-top:5px; margin-left:-145px}</css>[/style] [code]<img style="margin-left:70px; margin-top:15px; cursor:pointer" id="toggleButton" src="<?php echo G5_SHOP_URL ?>/img/search_btn.jpg" />