2013-02-11 66 views
0

我搜索了很多关于计算器,但无济于事我的解决方案的similiar问题的div元素隐藏..动画显示和使用jquery或qjax

我成功地实施了代码,在您的帮助球员,我感谢你所有的帮助..现在我需要学习ho动画隐藏的div ..

我有一些divs显示在页面的加载..现在这些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(); 
}); 
}); 
+0

1.我不明白的问题 2.使用'淡出( );'http://api.jquery.com/fadeOut/ – paul 2013-02-11 16:16:25

+0

@paul抱歉,这里是w的小提琴w生病让你明白.. http://jsfiddle.net/qudT2/ – ashis 2013-02-11 16:17:55

+0

我真的不明白你的问题!对不起,你能否一步一步地请expalain问题是什么,你想完成什么? – Trufa 2013-02-11 16:32:40

回答

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

DEMO