Mögliche Duplikate:
Wie kann ich ein Div bei Mouseover mit jquery ein- / ausblenden?

Ich habe eine Div wie diese:

<div id="parent">
     foo
      <div id="child" style="display:none;">
         hidden
       </div>
</div>

Ich möchte das habenchild div wird angezeigt, wenn jemand mit der Maus über das Symbol fährtparent div, und wenn er seine Maus wegbewegt, um die übergeordnete div zu verbergen.

Wenn ich das mache:

$("#parent").mouseover(toggle);
$("#parent").mouseout(toggle);
function toggle()
{
   console.log('here');
   $("#child").toggle();
}

Dann scheinen beide Ereignisse zweimal aufgerufen zu werden, wenn ich meine Maus über das #parent div bewege. Wie kann ich erreichen, was ich will?