jquery - 手风琴画廊使用 mouseleave 进入第一个 div

Question

我正在做一个图像库水平手风琴。在鼠标输入不同的图像显示。当我不悬停时，如何添加 mouseleave 以返回第一个 div？

谢谢

$(document).ready(function(){

activeItem = $("#accordion div:first");
$(activeItem).addClass('active');

$("#accordion div.bkgdImg").mouseenter(function(){
$('.tab-content').hide();
$(activeItem).animate({width: "50px"}, {duration:300, queue:false});
$(this).animate({width: "557px"}, {duration:300, queue:false});
activeItem = this;
});

$("#accordion div.bkgdImg").mouseleave(function() { 
$(this).tabs('select', '#accordion div:first');
});

});

Answer 1

只是为了展示供以后使用的解决方案：

我再次将活动类添加到我想显示的 div 中，现在当你悬停它时，它会打开你所在的 div，当你离开它时，它会使第一个 div 处于活动状态。

$(document).ready(function(){

activeItem = $("#accordion div:first");
$(activeItem).addClass('active');

$("#accordion div.bkgdImg").mouseenter(function(){
$('.tab-content').hide();
$(activeItem).animate({width: "50px"}, {duration:500, queue:false});
$(this).animate({width: "557px"}, {duration:500, queue:false});
activeItem = this;
});
$("#accordion div.bkgdImg").mouseleave(function(){
$(this).animate({width: "50px"}, {duration:500, queue:false});
activeItem = $("#accordion div:first");
$(activeItem).addClass('active');
$(activeItem).animate({width: "557px"}, {duration:500, queue:false});
});
$('.sub-tab-trigger').hover(function(){
$('.tab-content').hide();
$('#' + $(this).attr('data-ref')).show()
});         
});