Question

我需要在悬停（或鼠标悬停）时使用幻灯片效果显示图像（＆＃39; .tirellidrop＆＃39;）。然后，当显示图像时，如果我点击我的容器，我将有另一个slideToggle。

一切正常，但当我的第二张幻灯片可见时，我不希望悬停功能起作用。

所以：

我在我的元素上移动鼠标---＆gt; ＆＃39; .tirellidrop＆＃39;滑出来。
我点击元素-----＆gt; ＆＃39; .ttx_rosso＆＃39;滑出AND＆＃39; .tirellidrop＆＃39;在我再次点击元素之前，它仍然可见。

我添加了一个名为＆＃34; visibile＆＃34;的类，我写道：如果我的元素没有这个类，你可以在悬停时滑动我的图像。然后，如果我点击该元素并获得我的第二个功能，那么这不应该再次发生。但确实如此。

if(!$('.ttx_rosso').hasClass('visibile')) {

    $(".tr_rosso").hover(function () {
        $(".tirellidrop").slideToggle("400");
    }, function () {
        $(".tirellidrop").slideToggle("400");
    });
}


$('.tr_rosso').click(function() {
    $(".ttx_rosso").slideToggle("slow").toggleClass('visibile');
});

只看第一个红色元素：http://codepen.io/GCW/pen/myVwXP/

规则我的徘徊＆＃39;函数与if语句 - jQuery

0 个答案: