Hello,
I try to slideup box1 with mouseout event, but if there is an other
box2 (or elements) into the box1, box1 slideup when mouse go out box2.
What's the mistake?
My code :
<script language="JavaScript" src="./js/jquery-1.2.6.js"></script>
<style type="text/css">
#conteneur { border: 1px solid black; width: 600px; background-
color: InfoBackground; height: 400px;}
#toolbar { background-color: ButtonFace;}
#box1 { background-color: silver; width: 600px; height: 300px;}
#box2 { width: 500px; height: 200px; background-color: aqua;
margin-left: auto; margin-right: auto;}
</style>
</head>
<body>
<div id="conteneur">
<div id="toolbar">
<button id="bouton">Open Box1</button>
</div>
<div id="box1">
<div id="box2"></div>
</div>
</div>
<script language="JavaScript">
<!--
$(document).ready( function(){
$("#box1").hide();
$("#bouton").click( function() { $
("#box1").slideDown("slow"); });
$("#box1").mouseout( function() { $
("#box1").slideUp("slow"); });
});
// -->
</script>
</body>
Thanks for reply
JLM
