我有一个侧栏,当您将鼠标悬停时它会滑过内容,当您将鼠标移出时它会滑回。一切都很好。
然后我有一个按钮,当您单击它时,它将侧边栏锁定到位,将内容推到后面。将侧边栏锁定到位。也很好用。。
我的问题是我希望在锁定侧边栏时禁用悬停并将其保持在展开状态,然后在解锁时返回并重新启用悬停。
谢谢
$('.sec-sidebar-toggle').click(function (e) {
e.preventDefault();
if ($(this).closest('.sec-sidebar').hasClass('sidebar-locked')) {
//unlocked
$(this).closest('.sec-sidebar').removeClass('sidebar-locked');
$(this).closest('.sec-sidebar').stop().animate({
width: '38px'
}, 300).css({
'overflow': 'visible'
});
} else {
//locked
$(this).closest('.sec-sidebar').addClass('sidebar-locked');
$(this).closest('.sec-sidebar').stop().animate({
width: '253px'
}, 300).css({
'overflow': 'visible'
});
}
});
//Hover
$('.sec-sidebar').mouseover(function () {
$(this).find('.sec-nav').stop().animate({
marginLeft: '0px'
}, 300);
}).mouseout(function () {
$(this).find('.sec-nav').stop().animate({
marginLeft: '-215px'
}, 300);
});