Hello,

I have a div that collapse on mouseout. It works, but not as intended.
The basic structure is:

<h3 class="myHeader">header</h3>
<div class="myCollapse">
      <form><input><input></form>
</div>

<script>
...
$(".myCollapse ").bind('mouseout', function(){
      $(".myCollapse ").slideToggle(1000);
});
...
</script>

When the mouse hover over the form-elements, then jQuery triggers the mouseout-event. I want jQuery to only trigger the mouseout-event when the mouse is leaving the div not when bumping into its children.

Thanks.

PS: Also, it doesn't know the meaning of "delay", like this... 
$(".myCollapse ").delay(2000).slideToggle(1000);