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上，并且不会执行slidetoggle。请在这方面帮助我。

提前致谢

Answer 1

你应该为你的div创建mouseenter和mouseleave事件处理程序，你应该在那里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);
    })
});

两个div互相动画

1 个答案: