Jqueryは常にマウスを起動します

Question

Javascriptを動作させることができません。 div（jQueryの要素をマウスで入力）を入力するたびに、jQueryが継続的に発生します。

のjQuery

jQuery(document).ready(function($) { 
    $('#banner-roxo .text').hide(); 

    $('#roxo-um').mouseenter(function() { 
     $(this).children('.image').hide().effect('drop', {direction: "down"}, 1000, function() { 
      $(this).parent().children('.text').show().effect('drop', {direction: "up"}, 1000); 
     }) 
    }).mouseleave(function() { 
     $(this).children('.text').hide().effect('drop', {direction: "down"}, 1000, function() { 
      $(this).parent().children('.image').show().effect('drop', {direction: "up"}, 1000); 
     }) 
    }) 
}); 

HTML：

<div id="banner-roxo"> 
    <div id="roxo-um"> 
     <div class="image"> 
      <img src="http://www.d1digital.com.br/clientes/audiolab/wp-content/themes/d1Digital/images/roxo_1.png" height="181px" width="181px" border="0px" /> 
     </div> 
     <div class="text"> 
      Imergimos na marca, seu universo e aspirações; extraímos os conceitos que definem a sua identidade sonora. 
     </div> 
    </div> 
</div> 

私が欲しいもの： ユーザーホバー#roxo-um、.imageが効果をドロップすると、同じ効果を.textを示し、スライドのjQuery UIを非表示にする必要があります〜にアップ。ユーザーが#roxo-umを離れるときも同様の操作を行いますが、.textと表示しないでください。.imageと表示されます。

どのように私の現在のスクリプトが連続的に発射するので、これを行うことができますか？

ありがとうございました。

Answer 1

入力&のように見えますが、脱出イベントはdiv＃roxo-umの高さに応じて散発的にトリガされます。

は、ここで例を参照してください：http://jsfiddle.net/NGtrS/は（違いを見て、高さ&を除く）