1

このウェブサイト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();
});
});

問題は、それが正常に動作することですが、他の div に残っていることがあり、slidetoggle を実行しないことです。この点で私を助けてください。

前もって感謝します

4

1 に答える 1

0

div の mouseenter および mouseleave イベント ハンドラーを作成する必要があります。そこで、slideToggle を行う必要があります。このリンクを参照してください。

$(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);
    })
});
于 2013-10-29T01:00:42.223 に答える