javascript - 使用 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');
    });
});

用于演示