Question

我在stackoverflow上搜索了很多类似的问题，但无法解决我的解决方案..

我成功地与你的帮助人员实施了一个代码，我感谢大家的帮助..现在我需要学习ho来动画隐藏div ...

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

我使用了id属性，因此它没有显示重复内容（我该如何解决？）
我想动画隐藏div ...我怎么能这样做？

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

for DEMO

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

1 个答案: