Jquery - sélectionner un bouton radio crossfade div onclick

Question

J'ai cherché partout sur Google pour cela et rien. Je vais continuer avec ce que j'ai commencé et trouvé.

J'ai plusieurs boutons radio que je dois modifier un DIV correspondant lorsqu'ils sont cochés. J'ai besoin que la valeur soit libre et une commande onclick serait préférable. PS : si je peux avoir un fondu au lieu d'un glissement vers le haut et vers le bas, ce serait encore mieux.

boutons

MyDiv2
    MyDiv3
    MyDiv4

div's

Div numéro 1 !
Div numéro 2 !
Div numéro 3 !

code que j'ai jusqu'à présent

$(document).ready(function(){

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

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

});

Answer 1

Votre code ne fonctionne pas? Votre slideUp() et slideDown() se produiront en même temps, vous voudrez peut-être utiliser un rappel (et ici avec fondu que je pense que vous voulez):

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