javascript - 彼此动画的两个 div

Question

我只想在这个网站http://www.msambition.de/中创建动画。我在其他上创建了 2 个 div 1。我的 jquery 代码如下： $(document).ready(function() {

$('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 上工作正常，但有时仍保留在其他 div 上并且不进行滑动切换。请在这方面帮助我。

提前致谢

Answer 1

您应该为您的 div 创建 mouseenter 和 mouseleave 事件处理程序，然后您应该在其中滑动切换。请参阅此链接。

$(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);
    })
});