Добрый день,
При наведении мыши на элемент по задумке он должен один раз подняться вверх и опустится вниз - в Crome и Opera так и происходит, в IE и Mozzila он продолжает дергаться вверх-вниз пока на нем находится мышь.
Версия jQuery UI - v1.9.1
Версия jQuery1.8.3.min
Шаблон делается под Wordpress
Живой пример
http://nefar.ua-ix.biz/raboty/
Подскажите пожалуйста как это можно исправить?
JS
$(document).ready(function(){
$('#nav-site li').mouseenter(function(){
if(!$(this).hasClass('current-menu-item')){
$(this).children().effect('bounce', {
direction: 'up',
distance: 14,
times: 1
}, 300);
}
});
});
HTML
<ul id="menu-top" class="nav-menu">
<li>
<a href="#">Элемент</a>
</li>
</ul>
CSS
#nav-site ul{
position: relative;
left: 50px;
top: 2px;
font-size: 0pt;
}
#nav-site li{
display: inline-block;
border-radius: 0 0 10px 10px;
box-shadow: 0 3px 10px #bdc2c7 inset;
background: #fefefe;
margin: 0 1px;
border-bottom: 2px #d3d3d4 solid;
border-top: 1px #b4b9be solid;
float: left;
}
#nav-site li a:hover,
#nav-site li.current-menu-item > a{
height: 54px;
display: table-cell;
vertical-align: middle;
padding: 0;
}
#nav-site li a{
width: 130px;
height: 33px;
text-align: center;
display: inline-block;
font-size: 14pt;
padding: 10px 0 0 0;
}
