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)（See wp doc）那样过载。

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

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

Fade Toggle无法正常工作

1 个答案: