Jquery 手风琴画廊带着鼠标进入第一个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:300, queue:false});
$(this).animate({width: "557px"}, {duration:300, queue:false});
activeItem = this;
});

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

---

}))

仅显示解决方案供以后使用：

我再次将活动类添加到我想要显示的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()
});         
});