使用jquery或qjax显示和隐藏div元素的动画

Question

我在stackoverflow上搜索了许多类似的问题，但是没有解决方案。

我与您的帮助人员成功地实现了代码，感谢大家的帮助..现在，我需要学习如何为div的隐藏设置动画。

我在页面的加载中显示了一些div。.现在，这些div基于某些单选按钮的值..单击一个按钮时，存在一个特定的div，现在我有两个问题。

1. 我使用了id属性，因此它不会显示重复的内容（如何解决？）
2. 我要设置div的隐藏动画。我该怎么做？

这是小提琴http://jsfiddle.net/qudT2/

jQuery代码：

$(document).ready(function() {
$("input[name$='type']").click(function() {
    var test = $(this).val();
    $("div.imgDisp").hide();
    $("#" + test).show();
});
});

Answer 1

$(document).ready(function() { 
    $("div.imgDisp").hide();
    $('[id="' + $(":radio:checked").val()+'"]').show();
    $(":radio").click(function() {      
        $("div.imgDisp").fadeOut('slow');
        $('[id="' + $(this).val()+'"]').fadeIn('slow');
    });
});

用于演示