0

我想使用相同的.hide()动画.fadeToggle("fast")。

当你看到我的代码时，你会看到我使用 for 循环来关闭打开的 div，如果我在那里使用.fadeToggle("fast")它会打开关闭的 div，所以我正在使用.hide()但我想要相同的动画.fadeToggle("fast")。

你们有人可以帮我吗？

我的代码：

$(document).ready(function () {
    var anzinfos = 3;
    var x = 0;

    $('body').click(function (evt) {
        if (evt.target.id == "info")
            return;

        $(".div-info-" + x).hide("fast");
    });

    $(".info-btn").click(function (e) {
        if ($(this).attr('data') == x) {
            $('.div-info-' + x).fadeToggle("fast");
        } else {
            for (var i = 1; i <= anzinfos; i++) {
                $('.div-info-' + i).hide("fast");
            }

            x = $(this).attr('data');

            $('.div-info-' + x).fadeToggle("fast");
        }

    });
})

对不起，我的英语不好。

4

2 回答 2

1

JQuery 有一个fadeOut() 和fadeIn() 方法。

于 2013-10-31T08:37:42.433 回答
1

jQuery 提供了三种方法来进行淡入淡出。

fadeToggle“切换”元素的可见性，因此如果显示它将被隐藏，反之亦然。

还有fadeIn和fadeOut，它们的动画效果与 完全相同fadeToggle，但指定了你想走的路。如果元素已经可见并且您这样做了fadeIn，则不会发生任何事情。

您可以像使用这些方法一样指定动画速度fadeToggle

$('.div-info-' + i).fadeOut("fast");
于 2013-10-31T08:49:47.390 回答