jquery 애니메이션 한 번만

Question

두 개의 라디오 버튼이 있는데, 클릭하면 두 개의 콘텐츠 div 중 하나가 표시됩니다. 그것을위한 코드 :

$("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')를 추가하고 싶었다. 그래도 생각해 봤지만 처음 라디오 버튼 중 하나를 클릭했을 때만 애니메이션을 사용하기를 원했습니다. 첫 번째 클릭인지 아닌지를 결정하기 위해 어떤 로직을 넣지 않고도이를 수행 할 수있는 방법이 있습니까 (예 : 내 숨기기 로직 전에 숨겨진 상태인지 "숨겨진 상태"인지 확인). 그런 다음 코딩하십시오. 다음과 같은 내용 :

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.

희망이 도움이됩니다.