장바구니 마우스를 올리면 슬라이드가 올라오고 밖으로 슬라이드하면

Question

장바구니가 구현되어 장바구니에 장바구니가 추가 될 때 맨 위에 장바구니가 표시되어야합니다.

Link

헤더 부분에서 후 제품을 추가하는 카트의 세부 정보를 표시 카트 기호가있다. 이제 추가 한 코드 틸

: 내가 잘못 얻고 곳

<script type="text/javascript"> 
     jQuery(document).ready(function() { 
      jQuery('.block-cart-custom').mouseover(function() { 
       jQuery('#cart_header_content').slideDown(500); 
      }); 
      jQuery('.block-cart-custom').mouseleave(function() { 
       jQuery('#cart_header_content').hide(500); 
      }); 
     }); 
     </script> 

알려주세요.

하나는 장바구니에 제품을 추가하고 --->Link

Answer 1

이 mouseover 및 mouseout 또는 mouseenter 및 mouseleave의 조합을 사용해보십시오 같은를 확인할 수 있습니다. 현재 문제의 원인이 될 수있는 mouseover 및 mouseleave을 사용 중입니다. 더 간단한 옵션은 hover을 사용하는 것입니다.

$(document).ready(function(){ 
    $('.block-cart-custom').hover(function(){ 
     $('#cart_header_content').slideDown(500); 
    },function(){ 
     $('#cart_header_content').hide(500); 
     //you could alternatively use slideUp instead of hide 
    } 
}); 

문서 :

mouseover api

hover api

다음

대신 hover와 코드