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

Question

我是JS和jQuery的新手。

我有一个单选开关，当你点击一个单选按钮时，它会显示一组复选框，另一个单选键会隐藏相同的复选框。

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

当我插入"切换"时，一切都按预期进行，但当我插入fadeToggle时，它没有效果(仍然有效，但没有任何渐变效果(。

我试过用"slow"one_answers"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-显示器(。

您必须将切换包装在if中(基本上不使用.fadeToggle(，例如：

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