title: JQuery slideUp/Down loop?
body: <p>Where am I wrong?
  <a href="http://jsfiddle.net/j5yTU/" rel="nofollow">http://jsfiddle.net/j5yTU/</a></p>
  
  <p>Just want the .ex to slide up when the mouse is leaving the area.. but it seems to loop and then slide up.</p>
  
  <pre><code> $("div.case").mouseover(function () {
  var id = $(this).attr("id");
  $(this).css("opacity", "1").css("filter", "alpha(opacity=100)");
  $(".ex"+id).slideDown(500);
  });
  
  $("div.case").mouseout(function () {
  var id = $(this).attr("id");
  $(this).css("opacity", "0.4").css("filter", "alpha(opacity=40)");
  $(".ex"+id).slideUp(500);
  });
  </code></pre>
  
  <p>Anyone knowing what the problem might be?</p>