커서를 가져 가면 탭을 열린 상태로 유지하고 마우스를 멀리 이동할 때 탭을 닫을 수 있습니까?

Question

현재이 코드를 사용하고 있습니다. 탭 위로 마우스를 가져갈 때마다 열립니다. 그러나 그 안에있는 링크를 클릭하면 자동으로 닫힙니다.

<script src="jquery.js"></script> 
<script> 
$(document).ready(function(){ 
    $("#click").hover(function(){ 
    $("#guts").slideToggle("fast") 
}) 
}) 
</script> 
#click{ 
    margin-bottom:4px; 
    padding:1px; 
    text-transform:uppercase; 
    letter-spacing:1px; 
    text-align:center; 
    background:#ffffff; /*tab 1 background color*/ 
    border:1px solid #000000; 
    padding:1px; 
    display:block; 
    -webkit-transition: all 0.1s ease; 
    -moz-transition: all 0.1s ease; 
    transition: all 0.1s ease; 
} 
#guts{ 
    padding:1px; 
    display:none; 
} 

Answer 1

것은, 당신은 #click ID로 가져가 이벤트를 연결 한 당신이 #guts 아이디를 통해 갈 때마다 #guts ID가 아래로 슬라이드 만, 그래서, 당신은 그래서, # 클릭을두고 여기를 참조하십시오 보기를 닫습니다. 당신이 확인할 수 있습니다 모두 즉

$(document).ready(function(){ 
    $("#click, #guts").hover(function(){ 
     $("#guts").slideToggle("fast") 
    }) 
})