div beim Mouseout verstecken
Ich habe zwei Divs, eine für kurze Zusammenfassung und eine für lange Zusammenfassung.
Wenn ich mit der Maus über die kurze Zusammenfassung "fahre", verschwindet die kurze Zusammenfassung und die lange Zusammenfassung erscheint.
Wenn ich aus einer langen Zusammenfassung herausmause, sollte sie verschwinden und die kurze Zusammenfassung sollte erscheinen.
Das Problem ist, dass, wenn ich mich noch innerhalb des Rahmens der langen Zusammenfassung befinde, aber außerhalb der Ortssortierzusammenfassung war, das Mouseout-Ereignis auftritt
Code:
<head>
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.2.js"></script>
<script>
function show(Fdiv) {
$(Fdiv).css("display", "none");
$(Fdiv).next().css("display", "inline");
}
function hide(Sdiv) {
$(Sdiv).css("display", "none");
$(Sdiv).prev().css("display", "inline");
}
</script>
</head>
<body>
<div onmouseover="show(this)"> Sort summary <br /> Second Row</div>
<div onmouseout="hide(this)" style="display:none"> Long Summary <br /> Second Row<br /> Third Row <br /> Fourth Row</div>
</body>
</html>