jQuery 改进显示/隐藏脚本以包含 fadeToggle

Question

我在网上找到了一个脚本，可以根据单选按钮的点击来显示或隐藏 div。

我试图通过在过渡中添加 fadeToggle() 或 slipToggle() 来改进这一点。然而，当我这样做时，该功能不再像以前那样工作。当我单击另一个单选按钮时，它会显示两个 div 并再次隐藏它们。

// Show/Hide forms based on radio button selection
$('input[name="screen_type"]').bind('change',function(){
var showOrHide = ($(this).val() == 2) ? true : false;
$('.welcome_screen').toggle(showOrHide);
    var showOrHide = ($(this).val() == 1) ? true : false;
$('.training_screen').toggle(showOrHide);
});

请在这里查看 fiddle http://jsfiddle.net/clintongreen/JEbFq/

感谢大家的帮助，干杯

Answer 1

fadeToggle和slideToggle不带参数显示或隐藏api doc

这是一种快速但肮脏的方法:http://jsfiddle.net/hzSnU/1/