我构建了一个关于悬停事件的jquery幻灯片。在页面的底部，我有一个滑块元素，当鼠标悬停在该元素上时，它将展开。我有一个选项卡，它会突出元素的顶部，提醒用户该功能存在。这个选项卡给我带来了很多问题，当你把鼠标悬停在选项卡上时，元素会反复展开和收缩。我尝试过编辑CSS，当我删除页边空白时，它工作正常，但这不是设计的初衷。我也尝试添加一个DIV来解决这个问题，但没有成功。你能帮我把账单调好吗？
我正在使用JQuery 1.5.1
这是HTML:
<body>
<div class="Livwidget">
<div class="tab"></div>
</div>
</body>
这是CSS：
.Livwidget{
background: #000;
bottom: 0;
left: 0;
margin-left: 5%;
margin-right: 5%;
padding-top: 3px;
position: fixed;
width: 90%;
}
.tab{
background: #000;
height: 30px;
margin-left: 0;
margin-top: -30px;
width: 135px;
}
这是JS:
<script>
$(document).ready(function(){
$(".Livwidget").hover(makeTall,makeShort);
}); // close document.ready
function makeTall(){ $(this).animate({"height":250},350);}
function makeShort(){ $(this).animate({"height":5},350);}
</script>
任何帮助都将不胜感激。我花了几个小时试图解决这个问题，但似乎无法解决。
为一个名为var activeAnimation的变量添加if/else语句，它应该在脚本外声明为0，然后只允许在它是0的情况下动画，一旦它启动动画集activeAnimation = 1，然后在动画结束时，使回调包含一个使activeAnimation = 0 的函数
试试这个http://jsfiddle.net/Qsqrc/