My tooltip works fine, but I need to simplify this code.
var genderSelect = {
getGenderSelect: function () {
if(this.val('Girl')){
$(this).find('#girl-character').show();
$(this).find('#boy-character').hide();
}else if(this.val('Boy')){
$(this).find('#boy-character').show();
$(this).find('#girl-character').hide();
}
},
init: function(){
$('.control-label input[name="gender"]').change(
$('#caracters').show();
genderSelect.getGenderSelect();
)};
};
genderSelect.init();
#girl-character
is unique on the page (and it should be given that it is an id), you don't need$(this).find('#girl-character')
, just do$('#girl-character')
. Likewise for#boy-character
. \$\endgroup\$