淡入淡出切换未按预期工作

Question

我在 JS 和 jQuery 完全是菜鸟。

我有一个单选按钮，当您单击一个单选按钮时它会起作用 - 它会显示一组复选框，另一个单选按钮会隐藏这些相同的复选框。

我现在想使用 fadeToggle 让它显示得更精致一些。

当我插入 "toggle" 时，一切都按预期工作，但是当我插入 fadeToggle 时，它没有任何效果（仍然有效，但没有任何淡入淡出效果）。

我已经尝试使用 "slow" 和“1000”的各种圆括号和方括号来计时，但我似乎无法找到正确的语法。因此，我不确定如何更正我的代码以适应淡入淡出效果。

如果有人能提供一些急需的帮助，我将不胜感激。

$(document).ready(function() {
    $("input[name='preferpaiddiavip_cupid']").change(function() {
        $(this).closest('form').find('label');
        $(".include_other_levels").fadeToggle(this.value == "yes");
        $("div.prefer_paid_emerald").hide();
    });
});

Answer 1

.fadeToggle(display) 没有像 .toggle(display) (http://api.jquery.com/toggle/#toggle-display) 那样的重载。

您必须将切换开关包裹在 if 中（并且基本上不使用 .fadeToggle），例如：

if (this.value == "yes")
    $(".include_other_levels").fadeIn();
else    
    $(".include_other_levels").fadeOut();

淡入淡出切换未按预期工作

Fade Toggle is not working as expected

jquery

animation

fade

toggle