[Threaded_Inquisitor]

Добрый день. Недавно составил несколько строк для плавного раскрывания меню. Всё хорошо работает, только смущает одна вещь - если мышкой много раз провести по элементу, то он будет скакать вверх-вниз столько раз, сколько мы провели по нему мышью. Я пробовал использовать setTimeout, но код вообще на него не реагировал. В общем прошу помочь мне и сделать замечания, если что-то сделано неверно и можно сделать лучше. Спасибо за внимание.

<script type="text/javascript">
$(document).ready(function () {

  $('.menu li').hover(
    function() {
      $('ul', this).slideDown(400);
    },
    function() {
      $('ul', this).slideUp(400);
    }
  );
});


$(".deeper").live("mouseover", function() {
   $('.deeper a').css('color','#707070');
}) 

$(".menu").live("mouseout", function() {
   $('.deeper a').css('color','#ffffff');
}) 

</script>