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

【问题标题】：accordion gallery get to first div with mouseleave手风琴画廊使用 mouseleave 进入第一个 div
【发布时间】：2012-10-06 18:17:07
【问题描述】：

我正在做一个图片库水平手风琴。在鼠标输入不同的图像显示。当我不悬停时，如何添加 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');
});

});

【问题讨论】：

标签： jquery gallery accordion mouseover mouseleave

【解决方案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()
});         
});

【讨论】：