jquery Анимация только один раз

Question

У меня есть два переключателя, которые нажимают на один из двух разделов контента. Код для этого:

$("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"); 
});​ 

Demo на jsFiddle.net.

Надеюсь, это вам поможет.