jquery - 選擇一個單選按鈕的交叉淡入淡出

Question

我有搜索遍及谷歌這一點，沒有什麼。我正在離開我盯着發現的東西。

我有多個單選按鈕，我需要在選中時更改相應的DIV。 我需要這個值，所以onlclick命令會更好。 PS：如果我可以讓它fxfade而不是上滑，它也會有幫助。

按鈕

<input type="radio" name="myRadio" value="myDiv_1" />MyDiv2<br /> 
    <input type="radio" name="myRadio" value="myDiv_2" />MyDiv3<br /> 
    <input type="radio" name="myRadio" value="myDiv_3" />MyDiv4<br /> 

div的

<div id="myDiv_1" class="MyDiv">Div number 1!</div> 
<div id="myDiv_2" class="MyDiv">Div number 2!</div> 
<div id="myDiv_3" class="MyDiv">Div number 3!</div> 

代碼我迄今

<script type="text/javascript"> 
$(document).ready(function(){ 

    $('.MyDiv').hide(); 

    $('input[name="myRadio"]').change(function(){ 
     var selected = $(this).val(); 
     $('.MyDiv').slideUp(); 
     $('#'+selected).slideDown(); 
    }); 

}); 
</script> 

Answer 1

不工作的代碼？你slideUp()和slideDown()將發生在同一時間，所以你可能需要使用一個回調（這裏與衰落，我認爲你想）：

$('input[name="myRadio"]').click(function() { 
    var selected = $(this).val(); 
    $('.MyDiv').fadeOut("slow",function() { 
     $('#' + selected).fadeIn("slow"); 
    }); 
});