2013-02-11 40 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