Ako môžem udržať kartu otvorenú, keď sa vznášam a potom ju zatvorím, keď odišla myšou? - jquery, vznášanie, uvoľňovanie, uvoľňovanie jquery

Momentálne používam tento kód. Zakaždým, keď umiestnim kurzor myši na kartu, otvorí sa, ale keď sa na ňu pokúsim kliknúť odkazy v ňom, automaticky sa zatvorí.

<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;
}

odpovede:

Tu uvidíte, že ide o to, že udalosť hover ste priradili iba k ID #click, takže kedykoľvek sa ID #guts skĺzne nadol a prejdete cez ID #guts, kliknutie # opustíte, takže zatvoríte zobrazenie.

Skúste použiť hover na oboch t.j.

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