我无法让 Javascript 工作。每次我进入 div （鼠标向上元素） 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需要用 Jquery UI 拖放效果隐藏并.text以相同的效果显示，向上滑动。当用户离开时#roxo-um，做同样的事情，但隐藏.text和显示.image。
我怎么能做到这一点，因为我当前的脚本连续触发？
谢谢。