jqueryアニメーションは一度だけ

Question

2つのラジオボタンがあり、クリックすると2つのコンテンツdivの1つが表示されます。そのためのコード：

$("input[name='registrationType']").click(function() { 
    var registrationType = $(this).attr('id'); 
    if (!registrationType) { 
     return; 
    } 
    $("#contributorForm, #studentForm").hide(); 
    if (registrationType == "Student") { 
     $("#studentForm").show(); 
    } else if (registrationType == "Contributor") { 
     $("#contributorForm").show(); 
    } 
}); 

単純なアニメーション、.show('slow')をこのプロセスに追加したいと考えました。私はそれについて考えていたので、初めてラジオボタンの1つをクリックするだけでアニメーションを使用したいと思った。これを行うには、最初のクリックかどうかを判断するためにロジックを入れなくてもいいです（例えば、ロジックを隠す前に、両方が隠されているかどうかを確認して、 "ロード中"の状態）

if (registrationType == "Student") { 
    if(firstClick) { 
     $("#studentForm").show('slow'); 
    } else { 
     $("#studentForm").show(); 
    } 
} 

これは比較的簡単なコードのようです。

Answer 1

作業溶液

$("input[name='registrationType']").click(function() { 
    var regType = $(this).attr('id'); 
    if (!regType) return; 

    $('div[id$="Form"]').hide(); 
    var contro = $('div[id^="' + regType.toLowerCase() + '"]'); 
    if ($(contro).attr("data") != null) $(contro).show(); 
    else $(contro).show('slow'); 
    $('div[id$="Form"]').attr("data", "shown"); 
});​ 

jsFiddle.netにDemo。

希望すると、これが役に立ちます。