how to properly use .stop() ???

how to properly use .stop() ???

Hello!

On this page:

http://www.arvag.net/old/smsbox.de/

when you hover over "Informationen" and "Über uns" you get sub menu shown. When you move mouse away it hides. Normally i have problem with jquery making queue for every single hover i make, and then i just keeps on animating all those hovers. I tried to implement stop() but just cant get it to work properly.

This is the code i am using:

  1.     <script type="text/javascript">
  2.         //<![CDATA[
  3.         $(function(){
  4.             $('#nav_menu > .center > ul > li').hover(function() {
  5.                 $(this).children('ul').slideToggle('slow');
  6.             },function(){
  7.                 $(this).stop(true,true).children('ul').slideToggle('slow');
  8.             }).click(function(){
  9.                 return false;
  10.             });
  11.         });
  12.         //]]>
  13.     </script>
Thanks!