jquery中div悬浮嵌套按钮效果

 <div  class="btn_sure_cai" style="margin-left: 0px;" onmouseover="show_hide_button(this);" onmouseout="close_show_button(this);">
         <img src="__PUBLIC__/Resource/images/caipiao_logo1.png" alt="" class="caipiao_logos" />
         <a href="javascript:void(0);" onclick="order_games_do({$vo.id});" class="box_han_42">'+
             <img src="__PUBLIC__/Resource/images/order_game_button.png" alt="" class="box_han_41" />
         </a>
     <div class="caipiao_name">{$vo.game_name}</div>
 </div>

 /***css样式***/
 .box_han_41{margin-top: -87px;z-index: 5;margin-left:12px;position: relative;}
 .box_han_42{display: none;}

 /***js脚本***/
 function show_hide_button(e){
     $(e).find('.box_han_42').show();
 }

 function close_show_button(e){
     $(e).find('.box_han_42').hide();
 }