两个div对方动画

Question

我只是想创建像这个网站的动画http://www.msambition.de/。我创建了2个div 1。我有如下的jQuery代码： $（文件）。就绪（函数（）{

$('div.unternehmen-ahover').hover(

function() { 
    $('div.unternehmen-ahover').slideToggle("slow"); 
    $('span.span-picture-menu').fadeIn(); 
}, 

function() { 

}); 
$('div.unternehmen').hover(

function() { 

}, 

function() { 
    $('div.unternehmen-ahover').slideToggle("slow"); 
    $('span.span-picture-menu').fadeOut(); 
}); 
}); 

碲问题是，hver它工作正常，但有时仍保留在其他分区，并没有做的slideToggle请帮助。我在这方面。

在此先感谢

Answer 1

你应该为你的div创建的mouseenter和鼠标离开事件处理程序，在那里你应该的slideToggle见此link。

$(document).ready(function() 
{  
    $(".tile2").mouseenter(function() { 
     $(".trainingmood").delay(0).animate({ opacity: 0 }, 300, ""); 
     $(".text2 span").delay(100).animate({ opacity: 1 }, 300, ""); 
     $(".text2").animate({ marginLeft: "-=310px" }, 300); 
    }); 

    $(".tile2").mouseleave(function() { 

     $(".trainingmood").delay(0).animate({ opacity: 1 }, 300, ""); 
     $(".text2 span").animate({ opacity: 0 }, 3, 00, ""); 
     $(".text2").animate({ marginLeft: "+=310px" }, 300); 
    }) 
});