diff --git a/mojotrollz/page/wizard_details/js/wizard_details.js b/mojotrollz/page/wizard_details/js/wizard_details.js
index 90001e7..3000189 100644
--- a/mojotrollz/page/wizard_details/js/wizard_details.js
+++ b/mojotrollz/page/wizard_details/js/wizard_details.js
@@ -14,13 +14,17 @@ function wizard_details (){
     $('#details_gender a').click(function(){
         $('#details_gender a').removeClass('selected');
         $('#details_race a').removeClass('selected');
-        $('#details_class a').removeClass('selected');
+        $('#details_race a').removeClass('fadein');
+        $('#details_race a').addClass('fadeout');
+        $('#details_race .'+$(this).attr('gender')).addClass('fadein');
         $(this).addClass('selected');
         sendInfo('{"char_gender" : "'+$(this).attr('gender')+'"}');
     });
     
     $('#details_race a').click(function(){
         $('#details_race a').removeClass('selected');
+        $('#details_gender a').removeClass('selected');
+        $('#details_gender .'+$(this).attr('gender')).addClass('selected');
         $(this).addClass('selected');
         sendInfo('{"char_race" : "'+$(this).attr('race')+'", "char_gender" : "'+$(this).attr('gender')+'"}');
     });