<div id="button_image_1" style="display:inline-block;cursor:pointer;"><img src="IMAGE1" /></div>
<div id="button_image_2" style="display:none;cursor:pointer;"><img src="IMAGE2" /></div>

<script type="text/javascript">
       $('div[id*="button_image_"]').click(function(){
           $(this).css('display','none');
           var id = $(this).attr('id');
           if (id=='button_image_1') { id = 2; }
           if (id=='button_image_2') { id = 1; }
           $('#button_image_'+id).css('display','inline-block');
       });
</script>